Hi there,
I would like to have the collection lists on my site display as two columns per row on mobile instead of just one column per row. By default, the collection list on desktop displays as 3 columns and I would like to keep it that way for desktop. Here’s an example page: https://campingchics.com/pages/clothes-collections
Also, how can I get the sale badge to display on the above collection list items when one or more items in the collection is on sale (i.e. when a product in the collection has both a base price and a compare at price)?
I am on Dawn theme 2.4
Thank you for your help with this!
Best,
TJ
1 Like
Why can’t we discuss it here? I was a backend .NET software engineer for 15 years… I’ll be able to understand anything you have to share about this question.
Why can’t we discuss it here? I was a backend .NET software engineer for 15 years… I’ll be able to understand anything you have to share about this question.
Hi @campingchics ,
To make collection list 3 columns on desktop and two columns on mobile go through the following steps:
- Go to your Shopify theme editor.
- Click collection list.
- Scroll down to the Mobile Layout section and click the ‘2 columns’ button then click Save button.
- Now collection list is 2 columns on mobile and 3 columns on desktop.
Hope that helped. If you have any further questions, do let me know.
Warm Regards,
Nafio Nabi
