Make the product thumbnails smaller / Refresh Theme

Store Design
1

Hello, I would like to make the product thumbnails smaller on the phone format only.

This is how it currently looks:

Captura de pantalla 2022-10-04 a las 14.29.53.png
Captura de pantalla 2022-10-04 a las 14.29.53.png774Ɨ1400 201 KB

And I would like to have the thumbnail smaller.

This is my website: https://noboxmexico.com/products/exprimidor

Thank you so much for your time and help!

2

HI @jtorres

Iā€™m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file

@media screen and (max-width: 749px)

.thumbnail-list__item.slider__slide {

height: 80px !important;

width: 80px !important;

}

Hope that my solution works for you.

Best regards,

Richard | PageFly

1 Like
3

@PageFly-Richard

Thank you so much for your help.

Unfortunately

, it did not work, do you have any other code? That I can try out

4

Hi @jtorres

Please try again with this code:
Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag

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

Please refer to this screenshot: https://prnt.sc/afpBHc_RJbvN