[Resolved] Center logo with split navigation left and right

[Klaus]

I could not find the navigation-as-a-header checkbox in the customizer. Then I switched from german to english and found, that the translation of the “navigation as header” checkbox is false and misleading (“Navigation bei Mauskontakt”: this is complete Monty Python – the Hungary-Dictionary-Sketch.)

Now I want to center my logo and have a split menu left and right. I do it out of your cook-book: https://docs.generatepress.com/article/centering-logo-navigation/.

Now I only can’t find a text-box in the menu-item to insert the css-class “menu-item-seperator”. Doesn’t exist.

Thanks Klaus

[Leo]

Hi there,

Have you enabled CSS classes under screen options?
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes

[Klaus]

Thank you, that was it for the css. Now I have the need to narrow those menu items left and right, get them closer to the logo. Could you help with the css I need? Regards Klaus

[Leo]

Try this CSS:

body .inside-navigation.grid-container {
    max-width: 800px;
}

[Klaus]

Thank you for the CSS. Works nicely.

[Leo]

No problem 🙂

[Author]

Posts