Re: How to reduce size of thumbnail images on product page (MOBILE) refresh theme

How to reduce size of thumbnail images on product page (MOBILE) refresh theme

Svds
Excursionist
66 0 9

the thumbnail images on my website are too big, how do i reduce the size of them? 

STORE URL: https://facce-amsterdam.nl/

 

Replies 3 (3)

Jack_Khan_Baba
Shopify Partner
96 8 15

go to edits code search for the file section-main-product.css  Search

 
 
.product--small .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
width: calc(25% - .8rem);
}
reduce the value 25% according to your choice then save it.
if you only want to reduce the size on the mobile add the media query above it. 
if you feel any hardel feel free to ask
 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Chat on WhatsApp: +923143054166
Need a Shopify developer? Hire us at naimatullahts335@gmail.com
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
Svds
Excursionist
66 0 9

Scherm­afbeelding 2024-05-04 om 01.39.38.png

hey i am now working on the menu, but the font is not the same as the normal font as you can see in the picture, how can i match the menu font to the text font?

Svds
Excursionist
66 0 9

what is the media query?