Mobile Issues

Ive seen quite a few mobile support tickets. Ive already fixed the problem on the site I am working on but just wanted to let you know that it appears to be coming from woocommerce css direclty. Maybe something to look into and test on your end.

In my case it was “skipping” every third item in the carousel. The below css seems to be the issue. (which is directly from inspector and points to /plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=4.0.1)

media="only screen and (max-width: 768px)"
.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
    float: right;
    clear: none!important;
}

Ive disable all plugins but woocommerce and your plugin. And switched my theme to Twenty Twenty and was able to recreate the issue. So it’s not theme specific.

Im using WooCommerce Version 4.0.1.
With this shortcode.
[products_slider cats="my-cat" slide_to_show="5" autoplay="false" rtl="false" order="ASC"]

Again I have already fixed the issue on my end, but don’t recall 100% the fix as this is like a week later I decided to post this. But for sure the :nth-child(2n) seems to be conflicting with your plugin.