Archived topic
Sticky menu navigation position
3 replies · Started by Rostyslav on March 26, 2021
Viewing posts 1–4 of 4
Hello,
I am using a sticky navigation and I use this code for top margin:
#sticky-navigation,
#mobile-header.is_stuck {
top: 27px !important;In desktop view, all works perfectly but in mobile view I need to lower it more. https://ibb.co/mcMKYPz
How can a use the same code but just for mobile with a different margin?
Thank you1
Hi there,
You will need to create two separate CSS rules like this:
/* Desktop sticky nav position */
#sticky-navigation {
top: 27px !important;
}
/* Mobile sticky nav position */
#mobile-header.is_stuck {
top: 32px !important;
}Works! Thanks David!
Glad to hear that!
This archived topic is closed to new replies.
