[Resolved] Top Bar, Header, Main Menu issues when resizing

[Martin]

I’m having trouble with sizing and placement issues with the top bar, header, and main menu. Please see this screencast.

at 5 seconds, the phone isn’t right-aligned with the contact button anymore
at 11 seconds, the phone, logo and menu are each on their own lines
at 15 seconds, the logo becomes very small

I appreciate any suggestions you can offer. Thanks.

[Leo]

Hi there,

#1 Try removing the header left and right header padding:
https://docs.generatepress.com/article/header-padding/

#2 Take a look at this:
https://docs.generatepress.com/article/navigation-location/#navigation-drop-point

#3 Try increasing the menu item height on mobile:
https://docs.generatepress.com/article/secondary-menu-item-height-width/#height

You can also remove the default 10px padding around the logo with this CSS:

.mobile-header-navigation .mobile-header-logo img {
    padding: 0;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Martin]

All of that helped. Thank you very much!

[Leo]

No problem 🙂

[Author]

Posts