How can I add space between product images and descriptions on mobile?

Store Design
1

Hi Guys, I hope everyone is doing good. I was wondering if someone can give me a hand with a piece of code or something to use to create a space between images and the description/price of product. As you can see where the price sits the bottom image is very tight and there isn’t much space. I have also provided an attachment of a similar business with the spacing I am looking for. The problem is when it is on mobile.

My website is www.john-williams.com

Example website id like it to look like www.representclo.com

2

@kaidickson

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width: 767px){
.template-collection .product--root{ margin-bottom:20px; }
}

Hope this works.

3

Perfect. Thanks for your help

1 Like
4

@kaidickson

If helpful then please Like Solutions