Make carousel of thumbnails way smaller

Shopify Discussion
,
1

Hello,

on phone my carousel of thumbnails look way too big. How can I make them smaller for phone?

IMG_3514.jpeg
IMG_3514.jpeg1170×2532 202 KB

URL : https://trendblend.eu/products/vibesync-led

thanks in advance!

2

Still not solved after the IG chat with this guy

3

That user is acting like shopify support on other topics making it look like a scammer.

4

Hello @TrendBlend
Go to online store ----> themes ----> actions ----> edit code ----> assets ---->section-main-product.css
add this code at the end of the file and save.

@media screen and (max-width: 749px) {
.thumbnail-slider .thumbnail-list.slider {
padding: 11.5rem;
gap: 2rem;
bottom: 7rem;
margin-bottom: -14rem;
}
}

result

27.png
27.png408×802 108 KB

If this was helpful, hit the like button and accept the solution.
Thanks

1 Like
5

Hello sir,

it works but is it possible to get rid of most of this empty space?

IMG_3515.jpeg
IMG_3515.jpeg1170×2532 317 KB

and can we get the images like half the size of what you already made them?

thanks for the help!

6

Hello @GTLOfficial do you know how to fix this?

7

I have checked your store and it is working fine.