Spacing between products on homepage (mobile only)

Technical Q&A
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

2

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

3

Thank you very much this worked!

1 Like