Archived topic
Disable sticky mobile with no breakpoint
3 replies · Started by Sandro on November 23, 2021
Viewing posts 1–4 of 4
Hi,
sorry in advance for my English and if there is already a solution to my problem (I didn't find it)
I'd like to have my menu sticky in desktop version, not sticky in mobile version.
Setting "only desktop" in sticky navigation is useless.
I figured out the problem is that I have the breakpoint for mobile menu set to 0. Because I want the desktop version even with mobile device.
Is there a way I can have no breakpoint and different sticky/not sticky menu for desktop/mobile version?
Hi there,
you can disable the sticky navigation altogether and use some CSS for a non-transtition sticky nav:
@media(min-width: 769px) {
.main-navigation {
position: -webkit-sticky;
position: sticky;
top: 0;
}
}Perfect!
:-)
Glad to hear that!
This archived topic is closed to new replies.
