[Resolved] sticky logo centered above menu

[Torsten]

Hi,
I couldn’t find what I need in the forum. I would like to keep the menu the same style when scrolling down, with the logo centered above the menu, just with reduced logo-height.
For cell the menu should be sticky as well, logo left with hamburger menu right, before scrolling and when scrolling down.
Can you help please?
Thanks ahead,
Torsten

[Torsten]

the designer for the page just came up with another idea:
the menu should stay in position (left) and the logo (after scrolling down) floating right instead.
Which would mean for cell, logo right, hamburger menu left…
sorry for any inconvenience.
best,
Torsten

[Tom]

Hi there,

Give this CSS a shot:

.nav-aligned-left .navigation-stick .navigation-branding {
    order: 10;
}

.main-navigation.has-branding .menu-toggle {
    order: -1;
}

[Torsten]

LOVELY! as usual.
😉

[Tom]

Glad I could help! 🙂

[Author]

Posts