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

Store Design
1

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 really narrow it is just as i want it on mobile.

Store URL is https://www.betanics.de/products/bio-kurkuma

i have basic coding knowledge

thanks

kathie

2 Likes
2

@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!

1 Like
3

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

4

fixed it:

It is a simple

“media screen and (max-width: 767px) { .product-medias__thumbnails {display: block !important;} }”

just below the other code

5

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

6

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