Centered logo aligns left on sticky navigation

[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)

[David]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Stuar]

Just awesome – cheers 🙂

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts