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

[Katharina_be]

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

[dmwwebartisan · Accepted solution]

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

[Katharina_be]

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

[Katharina_be]

fixed it:

It is a simple 

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

just below the other code

[ioanabercean]

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

[ioanabercean]

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