harley Posted June 29, 2020 Share Posted June 29, 2020 Site URL: https://www.southclothing.store I am wanting to show 2 products for my mobile view. I have 3 products shown in a row for desktop, however when I go to mobile they are stacked. How do I force 2 rows for my product page? Link to comment
tuanphan Posted June 30, 2020 Share Posted June 30, 2020 Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .products.collection-content-wrapper .list-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-column-gap: 10px; grid-row-gap: 10px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
harley Posted June 30, 2020 Author Share Posted June 30, 2020 1 hour ago, tuanphan said: @media screen and (max-width:767px) { .products.collection-content-wrapper .list-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-column-gap: 10px; grid-row-gap: 10px; } } Worked Perfectly, YOU LEGEND! Link to comment
tuanphan Posted August 4, 2020 Share Posted August 4, 2020 (edited) 1 minute ago, michelleaishasmith said: I tried to do this code for resort247.shop but it did not work!! Could you please advise 🙂 would like to have 2 products per row on mobile view. Thanks!!! I see 2 products on row on mobile here? Edited August 4, 2020 by tuanphan Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment