Dawn Template: Collection List show more than 3 across on home page

Store Design
1

HI! I’m looking to be able to make the collection list at the top of my homepage show 4 across instead of 3.

I tried this but didn’t seem to work.

@media screen and (min-width: 990px){ .collection .grid–quarter-max.grid–4-col-desktop .grid__item { max-width: 25%!important; } }

Site is https://office-furniture-today.myshopify.com/

PW: AOF2021

2

@angelaewingard

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-collection-list.css ->paste below code at the bottom of the file.
@media screen and (min-width: 750px) {
.collection-list.grid--3-col-tablet .grid__item {
    max-width: 25%;
}
}
3

Thank you!!! Ok last question, any ideas how I can reduce the amount of white space between the nav bar and the collection blog on the home page?

4

Hi there! So we deactivated a few rows since those products aren’t live yet. When we had 12 items and 4 rows, this worked but now that we have only 1 row its no longer working?

5

@angelaewingard

do you have active now?

6

@KetanKumar

Site is https://office-furniture-today.myshopify.com/

PW: AOF2021

7

@angelaewingard

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-collection-list.css ->paste below code at the bottom of the file.
@media screen and (min-width: 750px) {
.collection-list .grid__item {
    width: 25%;
}
}