How can I remove large white gaps between collections on my home page?

Shopify Discussion
1

Hi can someone please tell me how to remove the big white gaps between each section of my collections, on my home page. Padding settings are already as low as Shopify lets me. Thank you

2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

https://neurodepthnd.com/

Don’t feel comfortable giving my password out.

4

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:
@media screen and (min-width: 750px){
.section + .section {
    margin-top: 20px;
}
}
5

Thank you, but this didn’t work

6

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 Top of the file:
@media screen and (min-width: 750px){
.section + .section {
    margin-top: 20px!important;
}
}

ZestardTech_0-1686914806619.png
ZestardTech_0-1686914806619.png1919Ă—776 181 KB

7

Amazing! This worked! Thanks so much for your help. I am new to Shopify, are you able to have a look at my store and give me some feedback on how I can improve it? Thanks again!

8

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

9

Only other thing I am stuck with, I want to add afterpay to my store, but in payment settings there is no “additional payment” option. How do I add afterpay? Thanks