Buttons not working on mobile iOS.

  • Resolved lazykins

    (@lazykins)


    3 years, 4 months ago

    Hello.

    I’ve just started using this plug-in and have had only one issue. Links and buttons are not functioning (users cannot click them) on iOS/Safari.

    I use the WPTouch Mobile theme.

    When I use GDPR Cookie Consent’s pop-up or banner/footer display option, nothing works.

    With the banner/header option, initial links work but in the resulting “Settings” dialog, the touch areas for choosing cookie category options calibration is off, so users can’t select them to toggle them.

    I have tried adjusting z-index and placement of the buttons using css but suspect it is something more complicated. The buttons work when testing in developer mode using a browser but on an actual iPhone they do not function.

    Thank you for any insight.

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

Viewing 1 replies (of 1 total)
  • Thread Starter lazykins

    (@lazykins)

    In case anyone is having the same issue, I was able to get this working when I figured out that the problem was that touch areas were being rendered above their actual location on the screen. Everything was off. Click on a button and an area of text 200px above it was being highlighted.

    The solution for me was in the css— I changed all of the “fixed” positions to “absolute” for #cookie-law-info-bar, the .cli-modal popup, and the #cookie-law-info-again et voila!

Viewing 1 replies (of 1 total)
  • The topic ‘Buttons not working on mobile iOS.’ is closed to new replies.

Tags