Archived topic
sticky menu on mobile
3 replies · Started by Torsten on April 26, 2020
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
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;
}great, as usual.
Thx a lot.
You're welcome :)
