Dawn Theme - Collection List # of Items Per Row

I am trying to set up the Dawn theme so that I can show 6 items (collections) per row in the Collections List. Currently there seems to be no option other than having three per row. This makes them very large and not at all attractive. I will have several collections (at least 12) and would like to be able to have rows of 6 items (collections) per row. I have seen a couple of answers that gave a few lines of code to add to the bottom of the Assets>Section-Collection-List.css but that didn’t appear to do anything for me. Maybe I’m missing something. Can anyone help me with this? Thank you!

1 Like

@fastener

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

This depends on the version of your dawn theme.

I have a version 2.3.0 where this code in the “section-collection-list.css” worked:

@media screen and (min-width: 750px){
.collection-list–6-items .grid__item {
width: 16.6% !important;
}
}

I’m trying to get everything working in the new 4.0.0 version and the solution is different here:

-go to the liquid file /sections/collection-list.liquid

-scroll down to the schema part and find:

“type”: “range”,
“id”: “columns_desktop”,
“min”: 1,
“max”: 5,
“step”: 1,
“default”: 3,
“label”: “t:sections.collection-list.settings.columns_desktop.label”

-set “max” to 6 (or whatever you like)

-save and exit code

-go to customize, find collection-list, edit, move slider to “number of columns = 6”

Enjoy :slightly_smiling_face:

Hi, i tried this and it worked great.

But when i tried adding more than 6 collections in one list, it just jumped down a row. Any clues to how im gonna fix this?