Prevent vertical scrolling while touch swiping

For mobile, I would like to know how to disable the vertical scrolling while swiping through an element (such as a the info box carousel).

Hi,

This function works only with our carousel elements like products, brands, categories etc. We don’t have a code to apply it for other elements on the website.

Regards

Hi, I dont see it working anywhere.

I.e. https://woodmart.xtemos.com/contact-us the brands carousel doesnt disable vertical scrolling while swiping (tested on iphone x)

Hello,

Sorry, you are right. This function is not working well. We are using OWL Carousel library for this and it seems to be a library’s issue that is not implemented yet. Unfortunately, we are not able to do this in our theme so we hope that it will be added to OWL Carousel in the future.

Regards

It seems the function in OWL is indeed working for some users.

Would you mind checking this post please https://stackoverflow.com/questions/43163590/disable-vertical-scrolling-on-touch-device-while-using-owl-carousel

You can add this code to the Custom JS on document ready in Theme Settings to test it.

[Author]

Posts