Change number of products per row on mobile for Brooklyn

Store Design
1

Hi there, can anyone help me i’m trying to have two products per row instead of one on mobile for Brooklyn…

2

Hi! I can. Now I will deploy a copy of the store with the Brooklyn theme and report the results.

3

1,2,3. Open the theme code editor.
4. Select timber.scss.liquid
5. Change “100%” to “50%” on line 891

  1. Save and check

timkuts_0-1638448329486.png
timkuts_0-1638448329486.png1189×628 56.1 KB

timkuts_1-1638448380959.png
timkuts_1-1638448380959.png1110×671 65.9 KB

4

Thanks Tim, that’s half worked as it’s made other sections fill half page too. Any way to isolate just the products?

adamhartnell1_0-1638449452631.png
adamhartnell1_0-1638449452631.png586×725 78.7 KB

5

We can add a separate class for the product container and style it. Or take a look at how exactly this text is inserted, maybe it’s not added to the page correctly. How did you add this text above the products on the collection page?

6

On the collection page editor

7

Please send a screenshot from the collection page editor