Remove spacing between sections on Home Page

[DonkeyKong247]

Hi. I would like to reduce the amount of space between these 2 sections on my home page.  See attachment. Please provide instructions how to fix if possible.

Website: litmob.wtf

PW: saltines

Thank you!

[PageFly-Victor]

Hi @DonkeyKong247 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

<style>
div#shopify-section-b3b7221d-5965-4677-9550-0589521424a5 {
    margin: unset !important;
}
</style>

Hope my answer will help you.

Best regards,

Victor | PageFly

[DonkeyKong247]

Hi, how by </body> am I looking for that phrase in the code or do you mean before the body of the code? How do I find </body>?

[PageFly-Victor]

@DonkeyKong247 , You can go inside theme.liquid and press ctrl+f and find </body>. You can see screenshot below:

[DonkeyKong247]

Thank you for the explanation to find body. The code worked for one of the sections but not the other. I still have this extra space, can you help?

[PageFly-Victor]

I have reduced the gap for you. But since your photo has a height of 750px and is empty on top, it will have some spacing. You can retouch the photo to the right height to reduce the gap:

And if you don't want crop the image, you can try this code below and add it to theme.liquid:

<style>
div#shopify-section-64cf9d06-afaf-4ab2-b6f3-c54393bc69c5 {
    position: relative;
    top: -100px;

}
</style>

[Uhrick · Accepted solution]

Hello, DonkeyKong, good evening.

There is, indeed, a way to reduce that through code, but to reduce specifically for these two, it becomes more complex. But I do notice that there is a lot of blank space on the second picture. Maybe cropping it out will reduce the distance from the top