Archived topic

sticky logo centered above menu

4 replies · Started by Torsten on April 25, 2020

Viewing posts 1–5 of 5

April 25, 2020 at 7:12 am #1254961

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

April 25, 2020 at 9:25 am #1255260

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

April 25, 2020 at 9:34 am #1255272

Hi there,

Give this CSS a shot:

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

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

April 25, 2020 at 9:43 am #1255282

LOVELY! as usual.
;-)

April 25, 2020 at 5:09 pm #1255700

Glad I could help! :)

This archived topic is closed to new replies.

Start building better websites today.