To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

how to change collection list layout from grid to row on homepage in Dawn theme

Solved
Rabihsharara
Tourist
6 0 4

hi All 

 

I need your help please

 

I am using the Dawn Theme and on the homepage iam adding my collections and they are 4 , but they only appear as a grid and i want to display them all in 1 row . 

 

Any idea how ?

 

Regards

 

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
11253 2406 3462

This is an accepted solution.

@Rabihsharara 

 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;
}
}

Hope this work!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.

View solution in original post

Replies 3 (3)
dmwwebartisan
Shopify Partner
11253 2406 3462

This is an accepted solution.

@Rabihsharara 

 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;
}
}

Hope this work!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
dmwwebartisan
Shopify Partner
11253 2406 3462

@Rabihsharara 

Thanks! welcome again.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.