images on product page mobile

Solved
Katharina_be
Excursionist
44 0 7

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

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
9765 2228 3063

This is an 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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 3 (3)
dmwwebartisan
Shopify Partner
9765 2228 3063

This is an 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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Katharina_be
Excursionist
44 0 7

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
Excursionist
44 0 7

fixed it:

 

It is a simple 

 

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

 

just below the other code