Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Z-Index & Mobile Menu

Home Forums Support Z-Index & Mobile Menu

  • This topic has 3 replies, 2 voices, and was last updated 3 years ago by Leo.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #417499
    Phil

    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!

    GP Premium 1.4.3
    #417561
    Leo
    Staff
    Customer Support

    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;
        }
    }
    #417826
    Phil

    Thank you! I expected it was a problem I’d created, and you solved it perfectly!

    #417884
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.