Aligning Collection List - Prestige Theme

BVC
New Member
10 0 0

Hi there,

I have a Collection List section that shows 4 different collections. I've realised that on widescreen view, instead of the section showing 2-2 on two separate lines, it shows 3-1 which isn't very aesthetically pleasing to the eye. Is there a way to align these so that there are 2 collections on each line, so 2-2?

Preview is https://z1tc1fjul9serhuo-7712112707.shopifypreview.com

Thank you,
BVC


0 Likes
BVC
New Member
10 0 0

Bump.

0 Likes
Sharad_Davra
Shopify Partner
1060 141 468

go to the bottom of file theme.scss.liquid. and put below code
path: online store->theme->edit code->assets->theme.scss.liquid

@media screen and (min-width: 1240px){
	.CollectionItem{
        min-width: 0 !important;
	}
}

give me a like and mark my answer as accepted solution

 

Thank You

If helpful, Please Like and accept The Solution.
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.
0 Likes
mintmojito
Tourist
5 0 3

Hi I was trying to figure it out and I saw your question so I wanted to drop my solution in case you are still having the problem.

Go to this section in assets/theme.scss.liquid and change min-width to 50%:

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

0 Likes
Daniellegrostai
Tourist
3 0 1

Hi if I wnat that in the mobile it will show them 2 row that every row have 2 collection I need to use same code ? 

0 Likes