Archived topic
Navigation same like GP site.
13 replies · Started by Sergei on October 21, 2018
Hello!
Interested how to make navigation + logo like GP site. I add image how i want to my site.
Thank you!
Hi there,
We just set the "Navigation Location" to "Float Right": https://docs.generatepress.com/article/navigation-location/
Then just make sure your logo (Customize > Site Identity) is the same height as your menu items (Customize > Layout > Primary Navigation).
Im done with that, but one more problem with inline. How to make logo and menu in the same line?
Make sure you follow Tom's suggestion:
Then just make sure your logo (Customize > Site Identity) is the same height as your menu items (Customize > Layout > Primary Navigation).
Here is image how its looks like. But i really don't know how to make it inline. With Customize>Layout>Primary Navigation>Menu Item Height can't do what i want.
What if you set the menu item height to 82px like your logo height?
Doesn't work for me these 82px height.
Can you set it at 82px so I can see?
It's still currently set at 60px.
Let me know :)
I set it now on Menu Item Height 82px.
It is now in the center of the logo image as you can see here:
https://www.screencast.com/t/KqkgFyOq2c0A
Hmm.. And how can i get it inline? Image Here
You'd have to do some manual adjustment.
Try setting the height back to something like 30px, then add this CSS and adjust the px number as you see fit:
@media (min-width: 769px) {
.main-navigation {
padding-top: 55px;
}
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know :)
Okey! Big thanks.
No problem :)