[Resolved] sticky navigation different alignment

[dasigna]

hi there,

another navigation nut to crack 😉

having centered header and navigation -> sticky navigation with logo has basically the same behaviour (with logo un the left side, all centered) by default.
but: the sticky should have the logo on the outer left and navigation aligned to the right.

currently struggling to get this done properly. if setting the sticky navigation to align right, the logo always follows. wont stay outer left …

big thanks in advance for some love tap.

[David]

Hi there,

can you disable your cache so i can see whats causing that.

[dasigna]

hi david,

no issue…! i need to tweak that according to the demand 🙂

cache disabled nevertheless.

[Leo]

Try this CSS:

.nav-aligned-center .main-navigation.has-sticky-branding.navigation-stick .inside-navigation {
    justify-content: flex-start;
}
.nav-aligned-center .main-navigation.has-sticky-branding.navigation-stick .main-nav {
    margin-left: auto;
}

[dasigna]

thanks leo!

absolutely perfect. didnt find the flex-start thing 😉

great.

[Leo]

No problem 🙂

[Author]

Posts