Increase number of Collections per row in Collection List section Prestige

[NZA]

Good Day, sorry if this question was asked before.

I would like to increase the number of slots i can add in a single row for the collection list section. At the moment it can ony fit 3 per row, if i add a 4th it will create another line (Example below)

The section name is "Collection-List.liquid"

I would like to be able to add 4 in a single row, i tried a bunch of things with the code but none worked, i am not really good with liquid. Would really apreciate some help with this guys!

Store url: https://donutsole-hu.myshopify.com/

Password: twilye

Thank you very much in advance!

[laurafizzypixel · Accepted solution]

You'll need to write some CSS to do this. If you open the code editor for your theme and open the correct liquid section/snippet, you can paste this directly in and it should work.

<style>
@media only screen and (min-width: 1140px) {
    .CollectionItem {
        min-width: 25%;
    }
}
</style>

The best solution though would be to ask a developer to build custom functionality into the theme that allows you to set how many blocks per row. 

Hope that helps!

[NZA]

Thank you very much @laurafizzypixel 

I added the code after the last </style> label in "Collection-List.liquid" and it worked perfectly!

[Anderson10]

Hi @laurafizzypixel,

May I ask what code to use if i wanted 2 collections per row on a mobile?

Many thanks

Mark