[Resolved] Navigation menu position

[Fernando Díaz Gascón]

I want to put the navigation menu aligned with the logo (the bottom of both, logo and nav menu, in the same line). I tried with the addons and the only one I can make something similar is with “element spacing”, “primary menu items height” but it has the collateral effect of enlarge the icon of sticky menu.

How can modify the alignment (top-down) of the navigation menu?

Thanks a lot

The web I am working on this issue:

maipacific.com.mialias.net
usuario: maipac482
pass: 34OnUnwQ

[Tom]

Hi there,

Give this a shot:

.site-header .main-navigation:not(.navigation-clone):not(.is_stuck) {
    margin-top: 10px;
}

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

Adjust the px as needed 🙂

[Fernando Díaz Gascón]

Perfect, as always.

[Tom]

Awesome 🙂

[Henrik]

How will this work with a sticky menu? I tried your suggestion but when scrolling down the sticky menu ist place 40px below the top.

Thanks a lot.

[Tom]

Good point! I just adjusted the code above to take sticky menus into account 🙂

[Henrik]

Thank you for your quick response. Unfortunately the code above still doesn’t work. Am I doing somethin wrong? The menu is still 10px below the top when scrolling. I configured the menu to be sticky on desktop and on mobile.

Thanks a lot for your great theme. It is awesome!

[Tom]

Have you tried clearing your browser cache?

If so, can you link me to the site so I can see? 🙂

[Tom]

I just adjusted the above CSS so it should work now 🙂

[Henrik]

Thanks a lot. That works great 🙂

[Tom]

You’re welcome 🙂

[Author]

Posts