Spacing between products on homepage (mobile only)

Artsibox
New Member
2 0 1

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

0 Likes
ProfessionalNub
Shopify Partner
100 13 27

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

Need help bro? I got you
Email: martinerceg@outlook.co.nz
- Website Developer
0 Likes
Artsibox
New Member
2 0 1

Thank you very much this worked!