I am using the Brooklyn theme, and while I was able to figure out how to adjust the number of columns my products appear as (in grid format), I can't find the code to do the same in the mobile view. On the mobile view, the preview images of my products appear as a single column, which makes the images way too large for it to be user-convenient, since they would have to scroll down forever. If anyone can point me to where this particular code might be at, it would be greatly appreciated.
I'm using Brooklyn theme and would like to make 2 colums visible on mobile version of the shop. I'm search the forum and found this the above solution
I added the code at the end of theme.scss.liquid
However when I do that it shows the products cramped on the left side of the screen, not using the right side at all. How can I make it correct?
in my case, the code results in the 2 products in the first row, 1 prodcut in second row (right aligned), 2 products in third row, 1 product in fourth row (left aligned)
so there are gaps in the mobile look.
the all products page is good though, in grid, or in collage.
I do like the collage arrangement on the homepage.
do you know if its possible to see the collage on the mobile version?