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

Store Design
1

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
2

@leovince ,

Hi it is showing 4

oscprofessional_0-1643960561361.png
oscprofessional_0-1643960561361.png1347×645 120 KB

1 Like
3

@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
4

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

Skærmbillede 2022-02-04 kl. 13.09.34.png
Skærmbillede 2022-02-04 kl. 13.09.34.png1276×482 130 KB

5

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
6

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

7

Sure! I’ve just updated it to four.

1 Like
8

@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
9

Thank you! It worked!

1 Like
10

@Yours-truly00

its my pleasure to help us