FitBar Posted February 23, 2021 Share Posted February 23, 2021 Site URL: https://www.fitbarstrong.com/ocr-ninja-warrior-equipment I have my shop on desk top configured to show 4 products per row. On mobile I would like 2, or possibly 3, however, it just shows a single product per row. Any CSS to control # of products per row on mobile? Thanks! Link to comment
tuanphan Posted February 28, 2021 Share Posted February 28, 2021 It looks like you solved with this CSS? @media screen and (max-width: 700px) { div#productList { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-column-gap: 20px; grid-row-gap: 5px; } } The page on mobile look long, you can consider adding a back to top button. 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