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

[Resolved] Sticky Nav on Tablet

Home Forums Support Sticky Nav on Tablet

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #338331
    Ben

    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!

    GeneratePress 1.3.48
    GP Premium 1.3.1
    #338339
    Tom
    Lead Developer
    Lead Developer

    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;
        }
    }
    #338343
    Ben

    PERFECT! Thank you so much!

    #338344
    Tom
    Lead Developer
    Lead Developer
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.