Reduce gaps between home page section onlocal theme

Store Design
, ,
1

Hello,

I have one section of my home page that has a huge gap. I have checked all of the settings and there is nothing to change this. I read all of the other entries about this issue and nothing has worked for me. I even copied a section that was correct and when I saved it, it reformatted to show the gap. This is the only section like this so it’s driving me crazy. The rest of the gaps are fine as is. I am using the Local theme. See live here: www.thebakedlotus.com. Pics below.

Large Gap
Large Gap1868×800 229 KB

You can see the center gap above. I prefer the closed gap between the two sections below.

The look I prefer
The look I prefer1886×808 240 KB

1 Like
2

Hi @ChefLotus ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

3

Hi - thank you! It worked great, however, it created another problem.

Capture1.PNG
Capture1.PNG1572×770 222 KB

This is exactly what I wanted.

Capture2.PNG
Capture2.PNG1241×704 934 KB

But now I have this problem in two areas. Here…

Capture3.PNG
Capture3.PNG1527×793 205 KB

And here…

CSS.PNG
CSS.PNG558×331 11.1 KB

Here is where I placed the code

1 Like
4

Hi @ChefLotus , Pls remove old code and change to this new code:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
5

This worked. Thank you so much!