Trying to add more height on primary menu

Hi there,

theres a few options.
Simplest one would be to disable the Navigation as Header option in Customizer > Layout > Header.
Then you can:

a) adjust the Headers padding.
b) independently set the size of the logo in Customizer > Site Identity.
c) independently set the height of the navigation menu items.

Hello David,

I got menu height on perfect size, just need to make logo smaller, how I can do this?

Thanks,

Sara

Hello David,

Just manage to fix logo size with CSS code bellow:

.main-navigation .navigation-branding img {
    max-height: 40px;
    padding: 0;
}

Would this be correct? Also now on mobile menu seems too big is there a way to set this up?

Thanks,

Sara

That CSS is correct.
In Customizer > Layout > Primary Navigation, if you switch to Mobile view you can set a different Menu Item height.

Hi David,

What I mean is that on mobile menu items are too separated and want them to put them more together like on marketer standard menu, so user does not need to scroll down to see all items. How I can do this?

Thanks for your time,

Sara

David's solution is exactly what you need.

Here is the documentation for reference:
https://docs.generatepress.com/article/menu-item-height-width/

Hello Leo,

You are absolutely right, also thank you David :)

Just one last thing when I change it to tablet view it seems that sandwich menu icon disappears and shows normal menu is that correct?

Thanks,

Sara

Thats correct. The Mobile Menu is set to display on screen sizes of 768px ( or smaller ), and tablets are generally a minimum of 1024px in landscape view. If you want you can adjust the breakpoint to 1024px in Customizer > Layout > Primary Navigation.