[Resolved] How to move logo up so that it is vertically aligned with menu items?

[S]

Our logo doesn’t seem to be quite be vertically center aligned with the main menu. How can we move it up or the menu items down without changing the overall height of the header?

[Leo]

Hi there,

You can consider using this option:
https://docs.generatepress.com/article/navigation-as-a-header/

Or with your current method, make sure the menu item height is the same as the logo height which is 47px:
https://docs.generatepress.com/article/menu-item-height-width/

[S]

Thanks, Leo. We have GP Premium 1.83 but don’t have that option under Layout > Header.

What might I be missing?

[S]

Also, I changed the menu item height and it did help. I want to do a little bit more but without making the overall menu taller (e.g. move it further down in the white space).

Is there a way to do that?

[Leo]

The navigation as header option will show if you remove the navigation logo.

You could also try this CSS:

#site-navigation {
    margin-top: 10px;
}

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

Let me know 🙂

[S]

Thanks, Leo. We did find that option it was just lower and I was going by the screen shot in your link thinking it would be at the top of the options. In any event, that wasn’t what we were looking for but the CSS trick was.

We put that in combined with reducing the padding of the Header and we got the desired effect. We moved the menu items down, centered it with logo, and didn’t increase the overall height of the header!

Thanks much!

[Leo]

No problem 🙂

[Author]

Posts