How do I change my Latest Arrivals collection to show 2 columns of products on mobile?

Store Design
1

How do I change my Latest Arrivals collection to show 2 columns of products on mobile on the homepage.

Desktop is fine the way it is.

Please see below for website:

https://pointsstore.com.au/

Thanks in advance

2

Hi @Points ,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

@media only screen and (max-width: 600px) {
	#CollectionSection .grid__item {
		width: 50% !important;
	}
}

Hope it helps!

1 Like
3

Thank you, exactly what I needed.

1 Like