[Resolved] How to vertically align menu items to the horizontal line of the logo?

[Carlo]

Hi there,

please see the link in the private info window.

How can I have the baseline of the letters of menu items aligned to the black horizontal line of the logo?

Thank you. All the best. Carlo

[Ying]

Hi Carlo,

Try this CSS:

@media (min-width: 1414px) {
    .main-navigation .main-nav ul li, .menu-toggle, .main-navigation .menu-bar-item {
        padding-top: 25px;
    }
    #masthead {
        margin-top: -12x;
    }
}

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

Maybe reduce the menu item line-height a bit at customizer > layout > Primary navigation to tweak the look.

[Carlo]

Hi Ying,

it works 🙂

Thank you

[Ying]

Great!

You are welcome 🙂

[Author]

Posts