Brooklyn theme - featured collection - product grid (2 products in a row) on mobile

Store Design
1

Hi

I would like to have a grid view for the collection pages on mobile device.

Does anyone know the solution in here? I have checked the previous codes, they don`t work.

Thanks for your help.

1 Like
2

@medea

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.

3

@medea

Please share Section/Collection-template.liquid file code.

Thanks!

4

You could have a look here, it worked for me.

https://community.shopify.com/c/Shopify-Design/Show-collections-in-grids-of-2-in-mobile-Brooklyn-theme/td-p/678451

1 Like
5

@lenscap

Ok Great No problem . Solve your issue?

Thanks!

6

Hi Ketan,

Thank you for helping.

Here is my website link..

www.ekszerstudio.com

Best regads,

Medea

1 Like
7

Hi Ketan,

I have seen, you have modified the view but it looks worse then before…can you check it please? Thanks

8

@medea

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.scss.liquid->paste bellow code in bottom of file
@media screen and (max-width: 590px) {
#CollectionSection .grid-uniform {
	padding:0;
}
.grid__item.grid-product.medium--one-half.large--one-third {
	width: 50%;
}
}
9

@medea

thanks for store url please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media screen and (max-width: 590px) {
#CollectionSection .medium--one-half {
    width: 50%;
}
}
10

I have took out this code..it looked worse than before. :disappointed_face:

11

Hi

Thanks for the code, but the pictures are really small with this code and all over the place.

1 Like
12

@medea

please share issue images