Site URL: https://www.simonocarrigan.com.au/shop/never-forget
I’m adding products to my shop, and having problem with the UI disappearing on mobile and/or when the page is viewed in a narrow browser window.
The example page to refer to is: https://www.simonocarrigan.com.au/shop/never-forget
Viewed on desktop, the seven product images display as clickable thumbnails beneath the image.
Viewed on mobile, there are no thumbnails, and also no arrows or much of anything to indicate the images can be slid across.
If you squint, you can make out a very faint “1/7” indicator on the first image to load, but there is no cue to the user that they should slide the image with their finger. I can't work out how to change the styling of that overlay to make it more prominent.
Further, when you do slide you must be *exactly* horizontal, or your mobile browser will just scroll the whole page up or down, or even navigate forward or back on webpages.
Can I just have the thumbnails display on mobile?
Or a caption that says “1/7 - swipe” “3/7 - swipe” etc.?
I can only find one relevant article on the forums: https://forum.squarespace.com/topic/155802-product-carousel-arrows-get-lost-on-mobile/#comment-345574
which discussed the same problem, with no solution.
Can this be logged as a feature request and/or can someone send me info on how to do a work around?