[URGENT] How to align collection list in desktop view

[Yeahhhhh1]

Hello dears ! Can you please help me I have a problem :

On my front page, in desktop view, I have a collection list that I would like to align in the center like that

And on that same page I would like to align these collection list so they can be like 2 in a row instead of 3 in a row like this :

Can someone help me to resolve this problem ?

Thanks!

[KetanKumar]

@Yeahhhhh1

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[JustinSmith]

Good Afternoon,

It sounds to me like this issue is going to require a bit of HTML/CSS in order to achieve the outcome you’re looking for.

You could go into the actual collections template and modify the theme to have a dropdown selector that allows you to choose how many collections per row within the theme editor.

That would likely be your best option, but it would take a bit of knowledge to implement.

[Yeahhhhh1]

Hi Ketan @KetanKumar ! Thank you for your reply the website url is https://persee-bijouterie.com/

[Yeahhhhh1]

Someone Can help me please ?

[Yeahhhhh1]

I don’t know how to do this haha sorry.

[KetanKumar]

@Yeahhhhh1

thanks for URL

can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.CollectionList {justify-content: center;}
@media screen and (min-width: 1240px) {
#shopify-section-1628705594298dd7dd .CollectionItem {
    min-width: 50%;
}
}

[Yeahhhhh1]

Yeahh it works great ! Thanks @KetanKumar ! Tho do you know how I can expand this collection list so It takes the a bigger width on desktop ? like this