Archived topic
Z-Index & Mobile Menu
3 replies · Started by Phil on November 6, 2017
Viewing posts 1–4 of 4
When responsive, the main content is overlapping the mobile menu by 20 pixels or so. I've tried every variation I could conceive to properly identify where to apply a higher (or lower) z-index to make the main content underlap the mobile menu, but I can't seem to identify it.
Do you know what the correct CSS would be to increase the mobile menu z-index?
Thanks!
Hi there,
Change this CSS you've added:
.site-main {
margin-top: -20px !important;
}To desktop only:
@media (min-width:769px) {
.site-main {
margin-top: -20px;
}
}Thank you! I expected it was a problem I'd created, and you solved it perfectly!
No problem :)
This archived topic is closed to new replies.
