Prestige Theme - How I Changed the Collection List on Homepage to Show 2 Collections/Row

[mintmojito]

I had 4 collections on my homepage collection list and I was trying to figure out how to show 2 rows with 2 collections each on desktop instead of the default of 3 collections on 1 row and 1 collection on the second row. I couldn't find the answer on these forums so I decided to post my solution here because I know other people have had the same problem.

Go to this section (use ctrl + f) in assets/theme.scss.liquid and change min-width to 50%:

@include av-mq('desk') {
.CollectionItem {
/* added, changed from 33.33333% */
min-width: 50%;
}

[KetanKumar]

Hello, @mintmojito 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[mintmojito]

Hi I was posting this as a solution to the problem in the title so I don't actually need assistance! Just wanted to help others!

[PV_store]

Thanks for this, I’m currently trialing the theme and was curious if this was an option. How does this look on mobile do you know? Does it show 2 collections per row or does it still stack 1 collection on top of one another?

[KetanKumar]

@PV_store 

Thanks for post 

can you please share store url.

[PV_store]

https://planetvintage.store

If you view it on mobile you can see it stacks the collection images, wondering if I can do two side by side, 2 rows

[mintmojito]

It stacks 1 collection on top of the other

[KetanKumar]

@mintmojito @PV_store 

Thanks for it 

can you please share section screenshot so i will do