I am setting up the list.collections template for pages on our website and it is only showing 1 collection in a row even if there is more screen width (Like shown below). It would be awesome if it showed more per row when there is more space for it (On desktop) and only one per row on mobile. Can someone help me figure out how to get this to work (page I am working on: https://www.joesge.com/pages/apple-parts). I have tried reading every article I could find and using the code snippets and haven’t been able to get it to work. Thanks in advance!
Related topics
| Topic | Replies | Views | Activity | |
|---|---|---|---|---|
| List collection page to have multiple columns on same row. (page.list-collections.liquid) | 0 | 68 | January 5, 2023 | |
| Minimal: Changing the collections per row in collection list on homepage | 3 | 22 | November 24, 2021 | |
| Collections list in one line | 3 | 27 | August 5, 2024 | |
| Decrease size of collection list for mobile | 1 | 35 | March 4, 2023 | |
| Home page collection list mobile view / Atlantic theme | 2 | 5 | September 5, 2021 |