Archived topic
Sticky Nav on Tablet
3 replies · Started by Ben on June 24, 2017
Viewing posts 1–4 of 4
Hi again,
My sticky navigation (specifically on an iPad pro in portrait in chrome dev tools, but it happens on other screen sizes in that range as well) is not lining up with my main nav. It's moving to the right (I think it's ignoring the 25px margin-right that's on my main nav).
staging2.getkohort.com
kohort
stage17*
I've tried adding margin to the .main-navigation.navigation-stick with a @media before it to target that size, but it doesn't seem to help.
Thanks for your help!
Instead of this:
@media (max-width: 1200px) and (min-width: 769px) {
.main-navigation.navigation-stick {
margin-right: 25px !important;
}
}Try this:
@media (max-width: 1200px) and (min-width: 769px) {
.main-navigation.navigation-stick {
padding-right: 25px !important;
box-sizing: border-box;
}
}PERFECT! Thank you so much!
You're welcome :)
This archived topic is closed to new replies.
