[Resolved] Primary Navigation vertical align with bottom of logo

[Sarah]

Hi, I’m using a larger than normal logo 120 high 400 wide and would like the primary navigation (aligned right) to be in line with the bottom of the logo. I’ve tried customiser > Layout > Primary Navigation > Menu Item Height but it will only bring it down so it aligns with the center of the logo. Is there some CSS that could fix this?

Thank you for your help!
Sarah

[Leo]

Hi there,

Any chance you can disable the coming soon page so I can see the page in question?

Let me know 🙂

[Sarah]

Hi Leo, I can give you a login if you could give me an email address. Or I can send you a screenshot.
Cheers!
Sarah

[Tom]

Hi Sarah,

Can you send login details through our Account Issue form here?: https://generatepress.com/contact

Just be sure to mention this topic 🙂

Thanks!

[Sarah]

Thanks Tom! Have just done it 🙂

[Leo]

Hi there,

I would suggest to use even top and bottom header padding:
https://docs.generatepress.com/article/header-padding/

Decrease the menu item height:
https://docs.generatepress.com/article/menu-item-height-width/

Then use this CSS to move the navigation down:

@media (min-width: 769px) {
    .main-navigation {
        margin-top: 20px;
    }
}

Let me know if this is what you are looking for 🙂

[Sarah]

You’re a star, that’s worked brilliantly! Thanks Leo 🙂

[Leo]

Glad I could help 🙂

[Author]

Posts