Image display GLITCHING

Solved
New Member
5 0 1

Hi, i'm using Brooklyn theme.

 

Whenever i set the image display on the product page to thumbnails, the mobile pictures start glitching. but when i set the display to stack it does not glitch. does anyone have any solution to this? i would like to set the image display to thumbnails but i don't like the images to glitch on the mobile version of the website. Help

0 Likes
Shopify Expert
665 170 199

Hi, @badrkhouya ,

This is Evita from On The Map.

 

Can you add your store URL?

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
New Member
5 0 1
Trailblazer
153 15 18

Hi badrkhouya,
It seems to be a conflict between the slider (showing on mobile) and another buttons which function is slide down elements. When we click on a dot more than once it hide/shows the image.

Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes
New Member
5 0 1

checkout the product page on mobile

0 Likes
New Member
5 0 1

Video

0 Likes

Success.

Shopify Expert
665 170 199

Try adding this code to assets/theme.scss.lquid file:

@media screen and (max-width: 590px) {
  .slick-list.draggable {
       max-height: 25rem!important;
       height: 100%!important;
  }
}
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
New Member
5 0 1

It works! Thanks a lot!

1 Like