Home Page Collection List - Dawn Theme

[MikeBaguyo]

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:

However, when there are only 3 collections, they are in a single row, but once I add a collection, cause I have 4, it goes like this, only 2 collections per row, I want it to be in a single row only and a smaller size if possible.

My store: chrisandleon.com

[dmwwebartisan]

@MikeBaguyo 

Please share your store URL & stroe front password.

Thanks!

[devangfour]

Hello @MikeBaguyo 

We can done with help of some CSS.

Can you send me your store URL with password(If site is password protected)?

We will send you some CSS and You need to just add that

And we can achieve your goal.

Thanks

[MikeBaguyo]

chrisandleon.com

[MikeBaguyo]

Updated my store url

[dmwwebartisan · Accepted solution]

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

It worked! Thank you so much!

[dmwwebartisan]

@MikeBaguyo 

Thanks! welcome again.