NARRATIVE - how to show 2 rows of product on mobile?

[Jasoliya]

Add this css:

 @media only screen and (max-width: 767px) { 
      .collection-template .card.critical-clear:nth-child(2n+1) {clear: both;    padding-left: 5px;}
      .collection-template .card.critical-clear {padding-left: 5px;}
    }

[Kael]

Hi! Hope you safe!

same issue...

How to show 2 rows of product on mobile?
now is only one in row so... super big...

Thank you sooo much if u give me any advise!

my website : www.doubledarespa.com

[Jasoliya]

HI @Kael 

For that we have to change whole page structure in two column like images left and information on right, PM me if you want, its not simple to give you code we have to change whole age structure for that.

[jordanannell]

Hi! 

Where should I put the code to make the featured collection two rows on mobile? Thanks for your help!

[Jasoliya]

Send your store url 

[Emma119]

Im having the same problem! It's only showing 1 product on mobile view. Ive tried the code thats on this thread but i'm unsure on where to put it? 

[Jasoliya]

Send your store url

[oxyfit]

hi just wondering if anyone would please be able to show me the code I need to add for this? 

www.oxyfit.co

[Jasoliya]

So you want to make 2 product/row in mobile? if so we have to change  some code as per your theme code. 

[Olympus]

Hi im on Brooklyn theme and the code is not working, any idea of what to do?