{Brooklyn} change product display from 1 per row to 2 per row

Solved
New Member
3 0 0
Hi there,
I am quite new to shopify, and I would love to know if it is possible to change the product display to 2 images per row. Should I edit the code?
Thanks in advance.
0 Likes

Success.

Shopify Expert
2461 414 519

Hi @MV_Nicole 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

 @media only screen and (max-width: 767px) { 
#CollectionSection .grid__item { width: 50% !important;}
}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
3 0 0

It works!! Thank you very much!!!

0 Likes
New Member
5 0 0

It works but the photo on left is smaller than those on right and the headings are all misaligned.  Do I need to edit more lines?

0 Likes