2 product rows in mobile view- Brooklyn theme

Solved
artlust98
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/

dmwwebartisan
Shopify Partner
4529 1019 1317

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.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
artlust98
Tourist
3 0 1

Thank you @dmwwebartisan  it worked perfectly

0 Likes
francomangel
Tourist
3 0 1

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.

KBMarketer
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
JNLLE
New Member
2 0 0

I'm having this same exact problem, please help!!

0 Likes