How to make collection page show one product per row on mobile only shopify motion theme

Shopify Discussion
1

Hello, I have the motion theme in shopify and wanted to make the collection pages show the products as only 1 product per row but only on mobile. I am happy with what it looks like on desktop and don’t want to change that. Is there code to help with this? Thanks!

2

Hello @chloe858 ,

Under assets find file theme.css edit it and at the bottom of it add this css

@media screen and (max-width: 600px) {
  #CollectionSection .small--one-half {
    width: 100%;
   }
}

Thanks

3

Perfect, that worked, thank you so much!!