In the theme, I can choose to have one row on mobile. I can’t however, choose to have one row on desktop. How do I fix this? It is also a custom theme if that is relevant.
Topic summary
-
Main issue: On a custom theme’s collection page, mobile can be set to one row, but there’s no option to show a single column/row on desktop. The goal is to force a one-column layout on desktop.
-
Key context: Because it’s a custom theme, behavior depends on the theme’s code. Adjustments likely involve editing Liquid (Shopify’s templating language) and related CSS controlling the collection/product grid.
-
Guidance so far: Suggested to inspect the collection page template or its section to change grid/column classes or breakpoints. No file names were confirmed due to theme specificity.
-
Requests and updates: Helpers asked for the store URL; the merchant provided indu.earth. The merchant also asked if a specific code part was relevant, but no code snippet was shared in the thread.
-
Status: Unresolved/ongoing. No concrete changes or file edits identified yet.
-
Next steps: Share the relevant collection template/section code (and any CSS tied to grid columns), or provide access for review to adjust desktop breakpoints and column settings.
Yes, it is relevant. It depends on the theme, in this case, the code needs to be investigated. Feel free to drop me a message if you need assitance with that since. Usually such types of issues should be resolved via adjusting the Liquid code.
In which folder would it be and what would I have to adjust? Thank you so much for your time and consideration!
No problem! Since it’s a custom theme, I can’t answer your question, I’m really sorry. The theme code needs to be investigated. I think it should the the collection page template, or maybe some section. One need to have a look at the code.
Please give us the store URL then we will able to help you.
indu.earth
Thank you!
Do you think it is this part?