Thumbnails for mobile products 7.1

Site URL: https://www.tribeandsol.com/shop

Hi,

I was able to create thumbnails for additional photos on desktop but need help with the following:

• thumbnails to appear under the bottom on mobile right now in mobile my images swipe 

Thank you in advance for your help!

Hi,

Can you share link to product in screenshot?

5 hours ago, tuanphan said:

Hi,

Can you share link to product in screenshot?

Hi, Thumbnails on desktop https://www.tribeandsol.com/shop/p/halo-earrings

No thumbnails on mobile

20 hours ago, MoonMama said:

Hi, Thumbnails on desktop https://www.tribeandsol.com/shop/p/halo-earrings

 

 

No thumbnails on mobile

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.ProductItem-gallery-thumbnails {
    display: flex;
}
.ProductItem-gallery {
    flex-direction: column-reverse;
}
.ProductItem-gallery-slides {
    width: 100%;
}
.ProductItem-gallery .ProductItem-gallery-scroll {
    display: flex !important;
}
}

9 minutes ago, tuanphan said:

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.ProductItem-gallery-thumbnails {
    display: flex;
}
.ProductItem-gallery {
    flex-direction: column-reverse;
}
.ProductItem-gallery-slides {
    width: 100%;
}
.ProductItem-gallery .ProductItem-gallery-scroll {
    display: flex !important;
}
}

 

Perfect! Thank you so much.

Hi, 

I switched up my thumbnail design and would like to tweak this code so thumbnails show up on the side and not underneath as first requested.

https://www.tribeandsol.com/shop/p/adzer-knit-jacket

On 2/8/2022 at 12:06 AM, MoonMama said:

Hi, 

I switched up my thumbnail design and would like to tweak this code so thumbnails show up on the side and not underneath as first requested.

https://www.tribeandsol.com/shop/p/adzer-knit-jacket

You mean on mobile?