How can I increase spacing between products on both desktop and mobile?

Store Design
1

How do I space out my products on desktop and MOBILE. I would like more space on top of each product . It is currently very close together - I have attached a photo of the desktop, it is also close on mobile. I would like a code for this section only. If I go to adjust the layout on Customisation it spaces out my collection images.

Screen Shot 2024-02-27 at 4.31.15 pm.png
Screen Shot 2024-02-27 at 4.31.15 pm.png2998Ă—1328 361 KB

1 Like
2

Hey @noborumelb can you please share the site url here?

Thanks

3

hello, my URL is https://www.noborujdm.com/

4

Hey @noborumelb please add the below css into “base.css” file.

.collection .grid{
 row-gap:30px !important;
}
1 Like
5

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.collection .grid{
row-gap:40px !important;
}