Media Image order is correct on desktop but not on mobile

[TiVa-23]

I reordered the images for my products and get the “media order saved” pop-up but I am finding that the media order updates correctly on desktop, but not on mobile. When viewing my website on a desktop computer, the media order correctly matches the order I have set in Shopify. But when viewing on mobile the product image order is completely different. Yes I have tried clearing all browsing data and viewed on different mobile browsers (Chrome, Edge, Safari) but the problem persists. Has anyone else encountered this problem and found a fix?

It happens on all of my products, here is one example (media order is correct on desktop, but not on mobile):

https://ocasoknives.com/products/damascus-solstice

[BSS-Commerce]

Hi @TiVa-23 ,

I checked your store and found that you seem to be using the slider on mobile using an existing library or a 3rd party app.
The style of this slider causes the image order to display incorrectly.

As you can see here, the default translateX portion of the slider is -425.71%, so it will correspond to your 5th image. (for the first image it will be -2.86%)

Hopefully, you can find a solution by editing the style of this slider.