Archived topic
Top Bar, Header, Main Menu issues when resizing
3 replies · Started by Martin on March 14, 2019
I'm having trouble with sizing and placement issues with the top bar, header, and main menu. Please see this screencast.
https://www.screencast.com/t/rddCrchwLv7
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.
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/
All of that helped. Thank you very much!
No problem :)
