How to change the collection list on home page to grid for phone

Shopify Discussion
1

Hello,

My collection list on the home page is automatically showing the collections in a slide carrousel. I would like to change to a grid where the collections are showed one after another. At least only for the phone view.

SOS, any help?

Thanks

2

Grid 2.0 makes it easy to turn content-driven lists like CMS collections, ecommerce product lists, and search result pages into responsive grids. And with the magic of Auto-fit, you can have “smart” grid layouts that automatically adjust to fit different screen sizes.

To create this layout, you’ll:

  1. Add a collection list and connect it to one of your collections
  2. Design the collection list item
  3. Apply the grid layout to the collection list
  4. Edit the grid and set up auto-fit to create a fully responsive grid
  5. Make sure the grid is indeed fully responsive on all devices