How do I get rid of the gaps between sections on the Landing page?

Questions
1

Hi there.
forewarned. I have not coding experience. I am creating my landing page without the product page so just info and pricing. Also the same problem exists for me when I do include the product page.
There is a big wide gap between the info and pricing. Can someone tell me how to get rid of this. Here is the studio. https://familtripstoryteller.com/ Thanks in advance. Bron

2

Unfortunately that is a limitation of this website builder. It does the same to all websites. Check mine out at LindberghAI.com, and you’ll see the exact same thing.

3

Do we know why there is a big gap between sections here @stephenasuncion? Is that the way it is or is there a way to reduce the gap?

1 Like
4

It’s just the way it is currently. We can ask Ian to give some input.

1 Like
5

Hi @bronster et al…

Go to settings and pop this in the header code for now and it will sort out the gap (adjust to taste by adjusting the 45px to whatever you need)

<style>
.py-\[7\.5rem\].max-\[899px\]\:px-6 {
    padding-bottom: 45px !important;
}
.py-\[7\.5rem\].overflow-hidden {
    padding-top: 45px !important;
}
</style>
4 Likes
6

So appreciate this, THANKYOU