How To Show Four Collections In One Row On Home Page In Dawn Theme?

Hi!

Does anyone know how display four instead of three collections in one row in dawn theme?

Thanks in advance :slightly_smiling_face:

muchneeded.store

code: flohpu

1 Like

@leovince ,

Hi it is showing 4

1 Like

@leovince

can you 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 {
    width: calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
}
}
1 Like

Thanks for your response. I found a solution. You can see it down here :blush:

Hi there! Tried using this code in our shop as well but it didn’t work. I use dawn theme as well. I need four collections to show instead of three. Could you please have a look at our site and provide a solution?

https://yourstrulychocolate.myshopify.com/

Thanks!

1 Like

@Yours-truly00 sorry but i can see at home page only 3 can you show me 4

Sure! I’ve just updated it to four.

1 Like

@Yours-truly00

wow great thanks

  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: 750px) {
.collection-list--4-items .grid__item {
    width: calc(24% - var(--grid-desktop-horizontal-spacing) / 2) !important;
}
}
1 Like

Thank you! It worked!

1 Like

@Yours-truly00

its my pleasure to help us