[Support request] Decrease Space between primary nav and sub menu

[Tim]

Hi Team,

Can’t figure out how to adjust the spacing between the primary nav (navigation as header) and the sub menu underneath.

Can you help?

[David]

Hi there,

in Customizer > Layout > Primary Navigation, reduce the Menu Item Height.

[Tim]

But if I do that then it decreases the size of the logo which I do not want.

Is there a different method?

[David]

Theres a few ways to do this.
With your current layout the simplest would be to make the adjustment i mentioned above.
And then add this CSS to keep the logo height that you require:

.main-navigation .navigation-branding img, 
.main-navigation  .site-logo.mobile-header-logo img {
    height: 150px;
}

[Tim]

Added but still logo shrinks when I update the menu item height option.

[David]

Hmmm…. can you make those changes and publish them so i can take a look at why the CSS isn’t working ?

[Tim]

It actually worked but in the customizer…it shows that it shrinks but if you look in the live menu it doesn’t. Thank you!

[David]

Silly customizer – it uses Javascript for the rendering of the CSS, so it may be that my CSS needed to be more specific.
But i am glad to hear its working 🙂

[Author]

Posts