Increase number of Collections per row in Collection List section Prestige

Solved
NZA
Pathfinder
121 12 33

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)

NZA_0-1626561199757.png

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!

0 Likes

This is an 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!

Laura | UK Shopify Partner & Theme Developer at Fizzy Pixel

- Was my reply helpful? Please Like and Accept as Solution.

- Looking for more help? Email me at laura@fizzypixel.co.uk or visit our website.

NZA
Pathfinder
121 12 33

Thank you very much @laurafizzypixel 

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