How do I increase products per row on mobile in Brooklyn theme to 2?

Solved
KetanKumar
Shopify Partner
15886 1753 5849

@jrltrend 

thanks for it 

#CollectionSection .grid-uniform {
    display: flex;
    flex-wrap: wrap;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jrltrend
Excursionist
42 0 11

Thanks! Appreciate it.  Where to put the code? 

Best regards

KetanKumar
Shopify Partner
15886 1753 5849

@jrltrend 

i think your have already add this code on CSS file right also working fine now 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
td100
New Member
2 0 1

Hello, if anyone can help me have two products per row in the mobile version of the Brooklyn theme, that would be much appreciated.

I would like there to be two products per row on every collection page for the mobile version. I have tried to copy and paste the codes before and it works, however it leaves a gap in the grid for some reason.

Thanks!

KetanKumar
Shopify Partner
15886 1753 5849

@td100 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
td100
New Member
2 0 1

Hey @KetanKumar Thanks for the reply!

The store domain name is www.exoticremedy.co.uk

Guest password is iwiwho

Thanks

0 Likes
KetanKumar
Shopify Partner
15886 1753 5849

@td100 

Thanks for the store URL

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 768px) {
#CollectionSection .grid__item {
    width: 50%;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
ROOMSHIRO
New Member
2 0 0

Hi @KetanKumar,

I've tried this solution (product page) but every after each row, there's 1 empty slot..

0 Likes