[Resolved] bottom align site logo with navigation links

[Elizabeth]

Hello GP support team! How do I get my navigation to be aligned to the bottom of my site logo in the header? I can’t find any options for this in customizer or any support topic describing this, but it must be possible right? Please see my URL for a visual, I’d like the navigation links to look like they are “sitting” on the same line as the bottom of the logo.

[Leo]

Hi there,

1. Uncheck this option you are currently using:
https://docs.generatepress.com/article/navigation-as-a-header/

2. Set navigation location to float right:
https://docs.generatepress.com/article/navigation-location/

3. Add this CSS and fine tune the px number so it aligns the way you prefer:

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

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

Let me know if this helps 🙂

[Elizabeth]

Thanks for your quick response Leo! The logo is now way below the navigation, can’t seem to find any other settings that fix it.

[David]

Hi there,

go to Customizer > Layout > Primary Navigation –> Location: Float Right.
Once done let us know.

[Elizabeth]

Hello David! It is set on float right already. Hmmm…

[David]

Looking at your site its currently set to Above Header.

[Elizabeth]

Nevermind, I just saw there’s a similar section in the Hero Element! I changed that to float right also and now it’s happy :). Thanks agin!

[David]

Glad you got it resolved.

[Author]

Posts