Removing blank space from home page

Hi all, I am editing my homepage and I have blank space at the bottom that I would like to remove. For some reason it is bigger space than the rest of the homepage blank spaces. Please see image attached. Any help would be greatly appreciated on how to fix!

Hi @tcratchley

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

You can check whether your section has a padding settings option and reduce it to resolve the issue.

Thank you. The image before was a theme I am working on but is not published - however this image is my current website homepage and still has the same issue at the bottom. Ideally, I would like the instagram feed to be side by side with my footer without the extra blank space. My website is www.kiyomii.com

Please remove 2 blank sections in the Footer to remove that blank space

Hi @tcratchley

In your Shopify Admin go to online store > themes > actions > edit code
Find Asset > base.css and paste this at the bottow of the file:

.fully-spaced-row--medium {
    margin: 30px 0 ;
}

You’d need to use “Custom CSS” setting on Instagram section:

.fully-spaced-row--medium {
  margin-bottom: 0; /* or something like 20px if you want to just make the gap smaller */
 }

And then there is “Gallery” section in Footer Group – but this one you can simply “hide” by clicking the eye icon …

.fully-spaced-row--medium {
  margin-top: 0; /* or something like 20px if you want to just make the gap smaller */
}

Together will give you this: