Liquid, JavaScript, themes, sales channels
How do I fix the product spacing on my homepage (mobile view only). There is too much space between the price and button. And the row below is so close it is touching. I am not having this issue on my other pages, just the home page/mobile view. Debut theme.
Website link: www.artsibox.com
Hi there,
I've got a code solution but the only problem is it'll change the spacing on anything with products and forms on desktop/mobile view.
You can place this code at the bottom of the theme.scss.css or theme.scss file. If you don't want this spacing you can always remove my code from the file.
.grid-view-item {
margin: 0 !important;
}
form {
margin: 20px 0 !important;
}
Regards,
Martin
Thank you very much this worked!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024