Hi all, on my product page the images on desktop are vertical and customers scroll though the images. but on mobile the images are next to each other and customers do not scroll though the images automatically. I now want the same set up on mobile as on desktop. If you make the desktop screen re…

@Katharina_be Please add following css your assets/theme.css bottom of the file. @media screen and (max-width: 767px) { .product-medias__thumbnails {display: block !important;} } Thanks!

Hi @dmwwebartisan thanks, that worked out. But now i have the images as slider next to each other and then the same images below. Could you please doublecheck? Thanks Kathie

fixed it: It is a simple “media screen and (max-width: 767px) { .product-medias__thumbnails {display: block !important;} }” just below the other code

How can I make mobile product images scroll vertically like on desktop?

Store Design

ioanabercean April 13, 2024, 6:32pm 6

Hi, I was wondering if this works for dawn theme?

Topic		Replies	Views
How to make product description images smaller for mobile view compared to desktop? Store Design shopify-themes	4	58	December 1, 2024
Unable to scroll product images on my website Shopify Discussion troubleshooting	1	39	December 7, 2022
2 Product Images side by side - Dawn Theme Store Design	7	57	July 1, 2023
Mobile product page info on the right hand side, need it below product images Store Design	6	288	February 2, 2023
PRODUCT IMAGE MOVES VERTICAL FIX Technical Q&A optimization , javascript , liquid , css , html , shopify-theme	3	45	November 28, 2024

How can I make mobile product images scroll vertically like on desktop?

Related topics