How to display 3 products per row in Dawn theme?

Store Design
1

Aloha,

just go my trail going and wanted to have 3 product shown per row. No its 2,4 ..
What do I need to do and can you do it when in trail?

Kindly

2

Hello @Zafarilife

Please follow the steps:

  1. Go to Online store > Themes.
  2. Click on Actions > Edit code.
  3. Open the Assets > base.css file.
  4. Paste the below code at the bottom of the file and save the file.
@media screen and (min-width: 990px){
.collection .grid--quarter-max.grid--4-col-desktop .grid__item {max-width: 33% !important;}
.collection .grid--4-col-desktop .grid__item { width: calc(33% - 1rem * 3 / 3) !important;}
}
2 Likes
3

Thanks a bunch!!!

2 Likes
4

Worked for me too! (Dawn theme) THANKS!!!