CMS Development

mkarsten
Contributeur de premier rang

Remove white space below header on mobile version

Can anyone help me with the mobile version of this header that has too much white space before the full width image? Here's the page I've been working on, and the header is a global group module, https://webinar.pitsco.com/curriculum.

 

The page seems to be keeping the height of the desktop header when it converts to the narrower mobile header with the hamburger menu. I can't find any padding or margin settings in the template or global group module that should be causing the extra space.

 

Any ideas what the issue might be? 

0 Votes
2 Réponses
josephLayden
Contributeur

Remove white space below header on mobile version

@mkarsten It looks like there could be some conflicting CSS.  Around 800px the header logo prints twice.  Could you have some overlapping media queries?

roisinkirby
Équipe de développement de HubSpot
Équipe de développement de HubSpot

Remove white space below header on mobile version

Hey @mkarsten thanks for sharing the link! @josephLayden I've noticed you share some great expertise on our design forums. Would you be able to lend your knowledge here to @mkarsten?

0 Votes