Archived topic
Centered logo aligns left on sticky navigation
3 replies · Started by Stuar on January 21, 2020
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)
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 :)
Just awesome - cheers :)
You're welcome