Hi,

Is there a way to disable the zoom effect on small screens, or make it behave more responsive?
See: www.uitgeverijpica.nl/titels/gedrag/groepsplan-gedrag-pica on a small screen.

Thanks in advance,
Daan

Hi,

First of all, you need to fix the real responsiveness layout problem on your website.

Check the screenshots and you will understand what i am saying.







You are currently using "WindowZoom" and the windowZoom opens a window on the right side of thumbnail when mouse hovered (or touched). So, it is normal if the zooming is not responsive, because there is no enough space on the right side in small screen devices (iPhone or Android). But if you were using InnerZoom or LensZoom, then you won't have any responsiveness problem, because they will work just fine on small screens.

The other option is to hide the "ZoomWindow" when the screen resolution is low. It is not very ideal but it will work.
To hide the ZoomWindow for small screen resolutions, use this CSS rule below:
(include the CSS rule to this file: /plugins/system/flexibleZoomEffect/media/css/flexibleZoomEffect.css)

the above CSS rule means:
If the screen width resolution drops below 400px (iPhone's width is 320px) then the ZoomWindow will be hidden.

FYI: The ZoomWindow won't work when the thumbnail is touched, but the modalPopup will continue working.

Regards,
Support

Thanks for your detailed answer and instructions. I guess the responsiveness of my site needs some work.

Best,
Daan

your welcome.

I am closing this topic for clearance. and marking the case as solved.

Regards.
Support