[Resolved] sticky menu on mobile

[Torsten]

Hi,
I have another 2 questions:

1.) the menu for my website is somehow sticky on mobile.
What I would like to achieve is the hamburger menu should stay on the left (left-padding 10px), animated-logo-gif far right (right-padding 10px), always on one line.
When scrolling down actually the logo and hamburger menu are changing sides, logo left, Menu right…
What do I have to do that both items remain in the same place.

2.) On Desktop when scrolling down I would need to shift the menu a little lower, so that menu and animated-logo-gif are on the same bottom line. Is that possible?

Hope this is understandable,
thanks ahead,
Torsten

[Tom]

Hi there,

1. Try this CSS:

.site-logo.mobile-header-logo {
    margin-right: 0;
    margin-left: auto;
}

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

2. Try this:

.navigation-stick div#primary-menu {
    position: relative;
    top: 10px;
}

[Torsten]

great, as usual.
Thx a lot.

[Tom]

You’re welcome 🙂

[Author]

Posts