Archived topic

Navigation as a Header - Logo left, menu middle?

8 replies · Started by Michael on January 16, 2020

Viewing posts 1–9 of 9

January 16, 2020 at 4:18 am #1133883

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

January 16, 2020 at 6:34 am #1133979

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;
}

January 16, 2020 at 6:52 am #1134143

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

January 16, 2020 at 7:01 am #1134157

Oops = i edited the CSS above to include desktop.

January 16, 2020 at 8:01 am #1134214

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

January 16, 2020 at 8:05 am #1134216

You're welcome

February 6, 2020 at 1:43 pm #1157072

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/).

February 6, 2020 at 2:50 pm #1157141

Resolved by activating the menuplus add-on.

February 7, 2020 at 2:23 am #1157535

Glad to hear you found the solution

This archived topic is closed to new replies.

Start building better websites today.