Smaller thumbnail images Dawn theme

[CarCleanCC]

Hello!

I am using the dawn theme and my URL is carcleansweden.se. I would like some help to make the preview images smaller. Half the size they are now should be enough:

I would hugely appreciate the help!

[Dan-From-Ryviu]

Hi @CarCleanCC 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings to do that 

@media (min-width: 990px) {
    .product .thumbnail-list {
        grid-template-columns: repeat(6, 1fr);
    }
}

[CarCleanCC]

That worked for pc but not mobile for some reason

[Dan-From-Ryviu]

Please update the code to this to make it work for mobile also .

.product .thumbnail-list {
    grid-template-columns: repeat(6, 1fr);
}

[CarCleanCC]

It seems to still not work

[Dan-From-Ryviu]

Please try to update code to this and check again 

.product .thumbnail-list {
    grid-template-columns: repeat(6, 1fr) !important;
}

[CarCleanCC]

Doesn't seem to work still 😞

[Dan-From-Ryviu · Accepted solution]

Sorry, please update code like this. 

@media (min-width: 990px) {
    .product .thumbnail-list {
        grid-template-columns: repeat(6, 1fr);
    }
}
@media (max-width: 749px) {
    .product .thumbnail-list__item.slider__slide {
        width: calc(22% - .6rem);
    }
}