Suncejames Posted January 15, 2021 Share Posted January 15, 2021 Site URL: https://psgparts.eu Hi, can somebody help me with optimizing my webshop on mobile. I would like to show only 1-2 products per row with reasonable size, title and price are also shown under the product. Template is Galapagos version 7.0 Please see attached photo of how it looks like at this moment. Link to comment
tuanphan Posted January 18, 2021 Share Posted January 18, 2021 Add to Design > Custom CSS @media screen and (max-width:640px) { .collection-type-products.view-list.product-grid-style-fit .productlist-item { width: 50% !important; margin: 0 !important; } .collection-type-products.view-list.product-grid-style-fit .productlist-item:nth-child(2n+1) { clear: left !important; } img.productlist-image--main.has-alt-image { width: 100% !important; height: auto !important; top: 0 !important; left: 0 !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.