Site logo

Archived topic

Navigation same like GP site.

13 replies · Started by Sergei on October 21, 2018

Viewing posts 1–14 of 14

Hello!
Interested how to make navigation + logo like GP site. I add image how i want to my site.
Thank you!

Image Here

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.

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 :)

This archived topic is closed to new replies.