touch pinch zoom blocked

olo's Avatar

olo

04 Jul, 2020 12:38 PM

Hi,
I have been happily using your slider for a while. It came to my attention that the touch zoom is not working on the slides on iPhone (both in safari and chrome).
Even your own example:
https://dimsemenov.com/plugins/royal-slider/full-width/
cannot be zoomed in by two finger pinch. Is there any way to fix it? The page can be zoomed in by pinching outside the slider but not on the image itself.
The vertical slider, however, from this example works fine:
https://dimsemenov.com/plugins/royal-slider/simple-vertical/
but none of the other examples.
I tried all sorts of settings to enable it and so far nothing I did fixed it. Any help will be greatly appreciated.

  1. Support Staff 1 Posted by Dmitry Semenov on 04 Jul, 2020 01:49 PM

    Dmitry Semenov's Avatar

    Hello,

    Make sure that you don't disable zoom via meta viewport tag, and don't have any pointer styles on the parent element. And then add this style:

    .royalSlider {
      touch-action: pinch-zoom pan-y !important;
    }
    
  2. 2 Posted by olo on 05 Jul, 2020 01:52 AM

    olo's Avatar

    Thank you for the amazing support. That totally solved my problem. Cheers.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac