Archived topic
bottom align site logo with navigation links
7 replies · Started by Elizabeth on June 12, 2019
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.
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 :)
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.
Hi there,
go to Customizer > Layout > Primary Navigation --> Location: Float Right.
Once done let us know.
Hello David! It is set on float right already. Hmmm...
Looking at your site its currently set to Above Header.
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!
Glad you got it resolved.