How can i change product grid to 3 per row (Dawn theme)

Store Design
21

Hi!
I am trying to change from 4 rows to 3 rows like above.

https://aquald.myshopify.com/collections/all

thanks!

1 Like
22

@kevinvi1

yes, please give me store url

23

@mattsanpedro

Yes, please try this code

  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: 990px) {
#product-grid.grid--quarter-max.grid--4-col-desktop .grid__item {
    max-width: calc(33.33% - 1rem * 2 / 3);
}
}
1 Like