Center Sticky Nav Logo

Resolved thegoodnesshunter
(@thegoodnesshunter)

6 years ago

Hello,

I’ve set up the main navigation with a centered logo and menu items on either side, and would like the sticky navigation to have the same layout, but it’s currently appearing with the logo on the left and a gap where the Menu Item Separator is.

Are there options to change this within the theme? I’ve tried adding some CSS rules, but I’ve had no luck.

The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

(@diggeddy)

Hi there,

change this CSS:

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

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

And then add this CSS:

.main-navigation:not(.slideout-navigation) .main-nav {
    flex: 1;
}

Thread Starter

thegoodnesshunter

(@thegoodnesshunter)

6 years ago

Works perfectly, thanks so much!

David

(@diggeddy)

6 years ago

You’re welcome

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Center Sticky Nav Logo’ is closed to new replies.

Tags