KimellaCo Posted July 15, 2020 Share Posted July 15, 2020 Site URL: http://kimellaco.com I'm trying to increase the space between my product images on the mobile display. I currently have this code in the custom css but the images are very close to each other. How can I increase the space? The password is Kimmy @media screen and (max-width:767px) { .products.collection-content-wrapper .list-grid .grid-item { float: left; width: 49%; } .products.collection-content-wrapper .list-grid .grid-item:nth-child(2n+1) { margin-right: 1%; clear: left; } } Link to comment
tuanphan Posted July 16, 2020 Share Posted July 16, 2020 can you share access password? 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
KimellaCo Posted July 16, 2020 Author Share Posted July 16, 2020 The password is Kimmy Link to comment
tuanphan Posted July 18, 2020 Share Posted July 18, 2020 Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .list-grid .grid-item { float: none !important; width: auto !important; } .list-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-row-gap: 10px; grid-column-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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment