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.
Attachment Pasted_Image_6_4_14__6_15_PM_edit.png not found
Attachment Pasted_Image_6_4_14__6_17_PM.png not found
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)
@media screen and (max-width: 400px) {
.flexibleZoomContainer { display:none !important;}
}
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