🎉 Happy 4th of July! Get 15% off GP Premium with the discount code: 4THOFJULY2020

[Resolved] Centered logo aligns left on sticky navigation

Home Forums Support Centered logo aligns left on sticky navigation

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1139797
    Stuar

    Hi, I’ve installed the “SPLIT” site with centered logo/split menu. I’ve set the sticky nav but when the sticky is active, the logo disappears and the nav menu links stay in place.

    When I set a logo in the sticky nav section of the customiser, the logo appears, but on the left and the nav menu is floated right. How can I get the logo centered and the menu split when sticky nav is active.

    Thanks

    (Brilliant theme by the way)

    #1140090
    David
    Staff
    Customer Support

    Hi there,

    go to Customizer > Additional CSS and look for this:

    .site-branding, .site-logo {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 200;
    }

    and replace it with:

    .site-branding, .site-logo, .navigation-branding {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 200;
    }
    
    .main-navigation.is_stuck .main-nav {
        width: 100%;
        max-width: 1220px;
        margin-left: auto;
        margin-right: auto;
    }

    Glad to hear you’re enjoying the theme 🙂

    #1140557
    Stuar

    Just awesome – cheers 🙂

    #1140563
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.