Remove spacing between sections on Home Page

Store Design
1

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!

2

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 :

Hope my answer will help you.

Best regards,

Victor | PageFly

3

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

4

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

5

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

PageFlyVictor_0-1680220737027.png
PageFlyVictor_0-1680220737027.png1904×945 84.5 KB

6

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?

DonkeyKong247_0-1680221854053.png
DonkeyKong247_0-1680221854053.png1738×862 129 KB

7

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:

PageFlyVictor_0-1680223612332.png
PageFlyVictor_0-1680223612332.png1879×928 124 KB

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