Remove white space below header on mobile version

Highlighted
Top Contributor

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? 

Reply
0 Upvotes
2 Replies 2
Highlighted
HubSpot Product Team

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?

Reply
0 Upvotes
Highlighted
Regular Contributor

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