mobile photo swipe issue

Hi

on product page, product image galley make site bounce a little when we swipe left on images. Issue is only on mobile and iOS browsers where most of the browser’s support pull down reload of page.

Please check product page on iOS safari browser for better understanding. Example Product link is shared in private content section..

Please let me know what should I do. I have apply plugin troubleshoot by deactivating one by one but no success.

Thanks

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to prevent vertical scroll during horizontal swipe via CSS:

.owl-carousel {
	touch-action: pan-y;
}

This fix will improve horizontal swipe, but vertical scrolling may still be present if purposely trying to cause this situation. You can also count this fix as the temporal solution since in the next theme update we will migrate from “owl-carousel” JS library to “swiper” which will bring better mobile performance alongside with other benefits like a new slider options, layouts, and navigation styles.

Kind Regards

Hi

Thank you for reply. I’ll test it and let you know.

[Author]

Posts