Issues with Safari

  • Hi Phil,

    I have Age Gate activated with ‘JavaScript Age Gate’ checked. I’ve tested several settings and have cleared cache. No luck resolving this issue.

    When I visit my site in Safari, the Age Gate overlay does not show up, but the page is locked which prevents scrolling or clicking. However, if I click and right click over the menu links, the overlay eventually pops up. Seems totally random when it chooses to appear.

    This only seems to happen in Safari; Chrome and Firefox work perfectly. I tested on my iPhone and my desktop browser after clearing cache. Web host is WP Engine.

    Any help is appreciated. Thanks!

    • This topic was modified 4 years, 8 months ago by brentmercer.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Phil

    (@philsbury)

    Hi @brentmercer,

    Seems ok on desktop safari, mobile I am seeing the issue.

    Can you add the following to the css editor on the age gate advanced tabs and see if it sorts it for you:

    
html.age-gate-restricted,
body.age-gate-restricted {
  min-height: 0;
}

    Think there’s a little bit of a conflict between what age gate is setting and what your theme is setting around height and min-height on the html and body elements.

    Thanks
    Phil

    Thread Starter brentmercer

    (@brentmercer)

    @philsbury

    Thanks for the quick reply. Still seeing the issue unfortunately, on both mobile and desktop. Cache was cleared.

    Plugin Author Phil

    (@philsbury)

    Hi @brentmercer,

    That’s annoying. Ok, I’ll have a dig into it a bit more when I finish the day job

    Thanks,
    Phil

    Thread Starter brentmercer

    (@brentmercer)

    Thanks @philsbury, much appreciated.

    Plugin Author Phil

    (@philsbury)

    Hi @brentmercer,

    Can you try this one to see what happens? There’s a few things happening on the body/html tags. I’m also wondering it the order autoptimize is doing things might be affecting it so think there might be some trial and error. What’s odd is the last one and this both fix the issue if I edit in in dev tools.

    
html.age-gate-restricted,
body.age-gate-restricted {
  position: static;
}

    Let me know if that does anything.

    Thanks
    Phil

    Thread Starter brentmercer

    (@brentmercer)

    @philsbury

    Yep, seems to be working now! Both desktop and mobile look good.

    Thanks for your help on this. Much appreciated.

    Plugin Author Phil

    (@philsbury)

    Not a problem. Any other issues just shout.

    Cheers
    Phil

    I want to say thank you for reporting this, @brentmercer and the quick resolution you came up with @philsbury ??

    I faced the same issue this morning. Thought it was a plugin version that needed updating – didn’t work. Then I saw this same described report I was facing.

    After implementing the CSS fix, all is good now.

    Hopefully we won’t need to rely on the CSS quick fix in newer versions later.

    P.S. I’m using WP Rocket, not Autoptimize – this could be something to do with CSS minification, maybe?

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Issues with Safari’ is closed to new replies.

Tags