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

Store Design
21

Hello, could you please help me? I tried this solution but it doesn’t work for me. I also need to display 2 per row.

my Shopify is shopalanoor.

thank you,

Meriem

22

@sowjones @Alanoor

Thanks for post

both are store is password protect can you please share us.

23

@KetanKumar sorry about that.

password : iackeu

24

@KetanKumar Good day,

did you get a chance to look at my website ?

i provided you with the password.

password : iackeu

Hope to hear from you soon

25

@sowjones

Thanks for it

yes it can be done some code change it

26

would you be kind enough to provide me with the coding solution it would be greatly appreciated.

@KetanKumar

27

@sowjones

it takes more time and some code.

28

hur.png
hur.png1593×863 40.5 KB

Do you know why this happend at the mobile version? One picture leaves alone

29

@jrltrend

Sorry for facing this issue, it’s my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question. :blush:

Please share your site URL,
So I will check and provide a solution here.

30

Thanks @KetanKumar !

Jrl-trend.myshopify.com

password adrianhampus

31

@jrltrend

thanks for it

#CollectionSection .grid-uniform {
    display: flex;
    flex-wrap: wrap;
}
32

Thanks! Appreciate it. Where to put the code?

Best regards

33

@jrltrend

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

34

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!

35

@td100

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

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

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

36

Hey @KetanKumar Thanks for the reply!

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

Guest password is iwiwho

Thanks

37

@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%;
}
}
38

Hi @KetanKumar ,

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

39

Hi @KetanKumar

I am using the Debut theme with Shopify and I would like to have my 3 best selling items presented in one row on my main page (on mobile!). Right now there are 2 on one row and 1 alone on the next one.

Can you please help me out? Thank you very much :slightly_smiling_face:

40

@1405k

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

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

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