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

mintmojito
Tourist
5 0 3

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
Shopify Partner
14394 1672 5177

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.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
mintmojito
Tourist
5 0 3

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!

0 Likes
PV_store
Tourist
3 0 1

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
Shopify Partner
14394 1672 5177

@PV_store 

Thanks for post 

can you please share store url.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
PV_store
Tourist
3 0 1

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

0 Likes
mintmojito
Tourist
5 0 3

It stacks 1 collection on top of the other

0 Likes
KetanKumar
Shopify Partner
14394 1672 5177

@mintmojito @PV_store 

Thanks for it 

can you please share section screenshot so i will do

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Daniellegrostai
Tourist
3 0 1

Hi do you know how to do this?

KetanKumar
Shopify Partner
14394 1672 5177

@Daniellegrostai 

Sorry for facing this issue, it's my pleasure to help us.

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.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes