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

Home Forums Support Navigation as a Header – Logo left, menu middle?

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1133883
    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

    #1133979
    David
    Staff
    Customer Support

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

    #1134157
    David
    Staff
    Customer Support

    Oops = i edited the CSS above to include desktop.

    #1134214
    Michael

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

    #1134216
    David
    Staff
    Customer Support
    #1157072
    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/).

    #1157141
    Camilo A

    Resolved by activating the menuplus add-on.

    #1157535
    David
    Staff
    Customer Support

    Glad to hear you found the solution

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.