make gif size smaller on mobile

[sixdreamz]

hey,

i would like to make the gif size smaller on mobile only

if you go and enter my shop, under pieces, click on the nsc tee, the gif is a little bit to big for my liking.

could you help me?

url: sixdreamz.com

password: sdc2003

[Rahul_dhiman]

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

@media screen and (max-width: 749px) {
.thumbnail-list__item.slider__slide {
width: calc(27% - 0.6rem);
}
}

result

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

[BSSCommerce-B2B]

Hi @sixdreamz  

Step 1: Go to Admin -> Online store -> Theme > Edit code

Step 2: Search for the file theme.liquid

Step 3: Add this code before </body> tag

@media screen and (max-width: 749px) {
    .thumbnail-list__item.slider__slide {
            width: 80px !important;
            height: 80px important;
    }
}

 and the result