How can I display more items per row on my collection pages?

Store Design

Topic summary

  • Goal: Increase the number of products shown per row on mobile for a Shopify store using the Brooklyn theme; default shows only one product per row and built-in help wasn’t sufficient.

  • Fix provided:
    • In the Theme Editor, go to Customize > Collection pages > Grid style and change the grid setting.
    • In code, open Sections > collection-template.liquid and add the class small–one-half around line 136 to adjust the product width on small screens. Two screenshots (image links) were shared to indicate exactly where to change settings and insert the code.

  • Outcome: The original poster responded with multiple thank-yous, indicating the solution worked. No additional issues were raised.

  • Status: Resolved. A participant encouraged anyone with separate questions to start a new community thread.

Summarized with AI on February 11. AI used: gpt-5.
1

Hi everyone,

I was wondering if there was a way that I can make my shopify collection pages have more items in each row? For example, when I look at my website on my phone, there is only one product each row which is super inconvenient and time consuming. I have tried to follow the help docs but they are so far not helpful. I am using the theme Brooklyn. Thank you.

2

Thank you!

3

Thank you :slightly_smiling_face:

4

Please follow the steps:

5

THANK YOU!

6

Hi @JustinTharpe ,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.