Archived topic

Center logo with split navigation left and right

5 replies · Started by Klaus on June 21, 2020

Viewing posts 1–6 of 6

June 21, 2020 at 8:12 am #1336366

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

June 21, 2020 at 12:02 pm #1336597

Hi there,

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

June 21, 2020 at 12:34 pm #1336622

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

June 21, 2020 at 2:21 pm #1336692

Try this CSS:

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

June 22, 2020 at 1:52 pm #1337966

Thank you for the CSS. Works nicely.

June 22, 2020 at 2:03 pm #1337973

No problem :)

This archived topic is closed to new replies.

Start building better websites today.