How to decrease the gap?...

Hi Everyone, I was wondering if someone would be able to help me troubleshoot this nitpicky issue i’m faced with.

I’m currently in my design tool for this specific webpage i’m editing and for some bizarre reason there is a huge gap between 2 sections of the webpage, which i am wanting to decrease and bring them closer together. (See image of webpage example)

I have also included an image of the design tool structure to maybe provide some help in discovering this issue!

Please let me know if there is anything I can do to sort this out or provide more info.

Thanks in advance

Hey @DGibson2

You can check for hidden elements or padding/margin Sometimes, the gap could be due to an invisible element or extra padding/margin that’s been added.

In your design tool, try to click around the area of the gap to see if there’s a hidden element.

If you’re comfortable with the code, inspect the HTML and CSS of the page. Look for any styles that might be causing the gap.

If it still doesn’t get resolved try connecting with your developer for this issue.

Let me know if you have any follow-up questions.
If my post was helpful in addressing your query, Support the community by indicating it as the solution.

Hi Jigar,

Thanks for your help on this. Managed to find the sneaky padding in the code and get rid of it. All sorted now.

Appreciate the help.

Best,

Dan