2 product rows in mobile view- Brooklyn theme

Solved
Highlighted
Tourist
3 0 1

I want to show 2 product rows in featured collection (which I have shown on my homepage) in mobile view of brooklyn theme

Site- https://artlust.in/

1 Like
Highlighted
Shopify Partner
2227 483 626

This is an accepted solution.

Hey @artlust98 

add code assets/theme.scss.liquid or assets/timber.scss.liquid bottom of the file

@media screen and (max-width: 776px) {
.medium--one-half {width:50%;}
}


Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
3 0 1

Thank you @dmwwebartisan  it worked perfectly

0 Likes
Highlighted
New Member
3 0 0

Hello,

 

While this solution works for me, I'm having issues with product alignment as some product titles are longer and creating extra white spaces, any idea on how to go about fixing this when doing the 2 product per row? Thank you.

0 Likes
Highlighted
New Member
1 0 0

Dear Shopify support

Could you please elaborate on where exactly I should add this code please? We also use Brooklyn theme.

I have copied the code and pasted at the end/bottom of files of the suggested sections assets/theme.scss.liquid or assets/timber.scss.liquid

I tried both but there were still 3 products showing on mobile view.

Please see below for where I pasted the code:imageimage


I would much appreciate your help with this.

Thank you, Kinga 

0 Likes