Can't Scroll Down on Mobile Because Product Carousel Blocks It

[marsedo]

I can't scroll the page down in Product Pages on my mobile device.

Product image carousel somehow blocks it.

Example Product Link 

And 1 day after i purchase the theme, the theme was deleted from themeforest, so i cant get support anywhere...

[CodingFifty]

Hi @marsedo,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

@media (max-width: 767px) {
    #shopify-section-template--24010180428049__product_template .owl-carousel .owl-stage, #shopify-section-template--24010180428049__product_template .owl-carousel.owl-drag .owl-item {
        touch-action: pan-y !important;
        -ms-touch-action: auto !important;
        user-select: all !important;
    }
}

[theycallmemakka · Accepted solution]

Hi @marsedo ,

I have written custom code to get this done. To do this you will have to edit theme.liquid.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the below code just above </head>

<style>
@media (max-width: 767px) {
    #shopify-section-template--24010180428049__product_template .owl-carousel .owl-stage, 
    #shopify-section-template--24010180428049__product_template .owl-carousel.owl-drag .owl-item {
        touch-action: pan-y !important;
        -ms-touch-action: auto !important;
        user-select: all !important;
    }
    #shopify-section-template--24010180428049__product_template .product-single-carousel{
        pointer-events: none!important;
    }
}
</style>

Note: Please take backup of the original file so that you can revert the changes.

If you need any help adding this code on the site, you can let me know.

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[marsedo]

This one worked fine! But the problem is, same issue stands with the thumbnails of other product images.

Could you revise your code accordingly?