Aligning Collection List - Prestige Theme

Highlighted
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
Highlighted
New Member
10 0 0

Bump.

0 Likes
Highlighted
Shopify Partner
798 124 405

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

0 Likes
Highlighted
Tourist
4 0 1

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