How can I display two products per column on mobile using the Grid theme?

Technical Q&A
1

Currently I am using the Grid theme by Pixel Union and there is only one product per row on mobile on collection pages. I would like to have 2 products per row so 2 columns.

My website is www.glamtheory.com.au

2

hello @elizamadeline

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 768px){
.template-collection  .collection-products .product-list-item {
       width: 50% !imporatnt;
}
}
3 Likes
3

that worked thanks so much!

4

Hi there, apologies for bringing back an old post - I’m trying to achieve the same thing with the Grid theme, however it doesn’t work for me. Hopefully someone can help? Thank you.

https://skinjunction.au