Hi! Is there a way where I can have 4 collections per row in the “Collection List” part on my home page? I’m using Dawn theme, it’s like this when I have 4 collections: [MikeBaguyo_0-1635082145089.png] However, when there are only 3 collections, they are in a single row, but once I add a collecti…

@MikeBaguyo 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--4-items .grid__item { width: 25% !important; } }

@MikeBaguyo Please share your store URL & stroe front password. Thanks!

Updated my store url :slightly_smiling_face:

I have the same exact problem. I have the Dawn theme, on the homepage, collection list - I have 4 collections (images). I would like to change the giant images to regular size thumbnails and most importantly have 4 collection images in 1 single row. The code you responded does not work for me. When…

I am having the same problem. The code above gives me 3 smaller images on the first line and one giant one on the second line.

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

How can I display 4 collections per row on the Dawn theme homepage?

Store Design

dmwwebartisan October 24, 2021, 1:49pm 7

@MikeBaguyo

Thanks! welcome again.

Topic		Replies	Views
How To Show Four Collections In One Row On Home Page In Dawn Theme? Store Design	9	57	June 20, 2022
Shopify Dawn - Collection list image size and number of blocks on a row Store Design	50	328	April 19, 2023
How to change collection list layout from grid to row on homepage in Dawn theme Store Design	3	84	October 24, 2021
How can I make the collections show in rows without having one collection so big in Dawn theme? Store Design	2	38	May 23, 2022
How can I arrange two collections in a row using the Dawn theme? Store Design	7	112	February 14, 2022

How can I display 4 collections per row on the Dawn theme homepage?

Related topics