Brooklyn Theme Mobile Has One Product On Screen- How can I make 2

Highlighted
New Member
7 0 0

I am currently using the Brooklyn theme. Everything is PERFECT, except that on mobile it only shows one product on the screen at a time. I have attempted changing the code, and I can change it to look good on mobile, but then it only shows two products on the home page on desktop. 

Is there anyway I can make it so two products per page show on a mobile device on the home page and then leave everything normal for desktop?

Many thanks in advance.

0 Likes
Highlighted
Tourist
3 0 2

Suprised no has answer this in so long, but for anyone else who has come across the issue here's some help.

Open Snippets/collection-template.liquid.  Around Line 123, you should find:

    {% assign grid_item_width = 'medium--one-half large--one-third' %}

Change it to:

    {% assign grid_item_width = 'small--one-half medium--one-half large--one-third' %}

If you want to place more in each row simply just lower the fraction of whatever size screen ( small-mobile, medium-tablet, large-desktop ) you want more products in

Ex: one-third, one-quarter etc.

1 Like
Highlighted
Tourist
6 0 2

Hi, 

 

thanks for your answer, i can't find that section. I only have: collection-grid-collage.liquid. and I'm seeing a few lines of similar code. do i still replace them? 

thanks

0 Likes