Age Gate Not Working for Mobile

  • Resolved Andrew Behla

    (@behladesign)


    5 years, 10 months ago

    Thank you for a great plugin. We do have it working for desktop computers, but are not able to get it to work on mobile.

    We did enable the “use uncachable option” to use javascript in the plugin’s advanced settings as the site does have caching. This seemed to help with the desktop version working, but we have the issue where the plugin doesn’t let us view the site on mobile.

    We are also using Beaver Builder page builder on the site, not sure if if there are any known javascript conflicts, etc.

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

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

    (@philsbury)

    Hi Andrew (@behladesign),

    Sorry you’re having issues. I’ve just had a look on iPhone (actual device) and on an Android and iPhone as virtual devices on browser stack and it all seems to be working ok.

    The device could have cached stuff itself too depending on when you first visited it, can you try adding a query string to the end to see it that bumps it into working for you?
    https://dev-heavily-connected.pantheonsite.io?v=12345

    If not let me know and I’ll try and look some more.

    Thanks,
    Phil

    I’m actually having the same issue, along with my customers. They can’t get passed the age gate.

    Plugin Author Phil

    (@philsbury)

    Hi @vwmtsolutions,

    Do you have a link I can see?

    Thanks
    Phil

    https://www.vicktoryaroze.com.au/

    Plugin Author Phil

    (@philsbury)

    Hi @vwmtsolutions,

    Looks like you have wp super cache but are using the standard age gate. Go to the age gate settings and the advanced tab, the select “use JavaScript version”.

    After that, clear the cache and you should be good.

    Thanks,
    Phil

    Thread Starter Andrew Behla

    (@behladesign)

    It did work with the custom link. I also went into the application settings for Safari and removed all history. This made it work on mobile too, thanks!

    This helped; https://support.apple.com/en-us/HT201265

    Plugin Author Phil

    (@philsbury)

    @behladesign, I’ve had all sorts of weird caching in iOS recently, can be a pain.

    Looks like both sites mentioned here are working as expected now so I’ll resolve this one.

    Thanks
    Phil

    Hello,
    we are using W3 Total Cache, so changed version to “use Javascript version” which is working, but before we switch we didn’t see the theme header and menu but now that I switched versions, it shows the menu of the site along with the logo. We don’t want to see that stuff until after we get passed the age check. see: https://luvdelivery.com

    Thank you!

    Plugin Author Phil

    (@philsbury)

    Hi @justinleemackey,

    Looks like you header has a really high z-index in the CSS making it sit on top of the age gate.

    If lowering it isn’t an option, you can make age gate higher.

    Go to the Age Gate Advanced settings and in the CSS Editor add the following:

    
.age-gate-wrapper {
  z-index: 100000;
}

    and they should be gone. Might need to purge W3 Total Cache afterwards.

    Thanks
    Phil

    That worked like a charm! Thanks so much and for the quick reply!!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Age Gate Not Working for Mobile’ is closed to new replies.

Tags