Dawn theme: Thumbnail size when collection has one product

Store Design
1

Hello,

When a collection only has one product (which is temporary), I would like to keep the thumbnails at the same size as if the page had the max number of products, which is 24. Is this possible? Does anyone have a suggestion?

Thank you

Bruna

2

@BKG add this css in Assets > base.css bottom of file

@media screen and (min-width: 750px) {

.grid__item {
max-width: calc(25% - var(–grid-desktop-horizontal-spacing) / 2);
}

}

2 Likes
3

Hi @BKG ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
@media screen and (min-width: 750px) {
  .grid__item {
   max-width: calc(25% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

1 Like
4

Works perfectly, thanks!

5

Works perfectly! Thanks!

6

@BKG you welcome