[Resolved] Navigation as a Header – Logo left, menu middle?

[Michael]

Hello,

i have set Navigation as a Header and would like to have the menu in the middle, but the logo should remain on the far left. If you set the navigation to center in the settings, the logo will also be set to center … is it possible to change or adjust this?

Thanks a lot!
Michael

[David]

Hi there,

try adding this CSS:

#site-navigation .navigation-branding, .main-navigation.navigation-stick .sticky-navigation-logo {
    position: absolute;
    top: 0;
    left: 0;
}

.main-navigation.navigation-stick .sticky-navigation-logo {
    left: 10px;
}

#mobile-header .inside-navigation {
    justify-content: center;
}
.site-logo.mobile-header-logo {
    position: absolute;
    top: 0;
    left: 0;
}

[Michael]

Hallo David,

thanks a lot. I’d need that for the desktop, not just mobile…

Thanks a lot! You are a very big help to me!
Michael

[David]

Oops = i edited the CSS above to include desktop.

[Michael]

Great! You helped me a lot! Thank you very much!

[David]

You’re welcome

[Camilo A]

Hi David, I am trying to accomplish the same thing (I think) and can’t get it to work. I am using the Split theme from the site library. I’d like for the logo to be on the far left and menu in the middle. Here is an example (https://contactscompare.com/).

[Camilo A]

Resolved by activating the menuplus add-on.

[David]

Glad to hear you found the solution

[Author]

Posts