Embedded code adds extra space

I have an issue with embedding code for an opt-in form for a newsletter sign up from the email provider MailerLite.  

It adds extra space below the form, forcing me to not add any text blocks or social icon blocks below it because it will look odd with extra space.  

The best I can do is just end the page there but with a little extra spacing than I'd like.  

Example on this page: https://www.bradysnow.com/

It is definitely the code as I don't have this issue when I remove it. 

Does anyone know if I can remove this space manually somehow but altering the code or by some other means?

My consensus is that basically I should just not embed third party code on squarespace.   This is the second provider I've used and it doesn't seem to work well.  The other one from GetResponse made the page load time absolutely awful.  

Any help would be appreciated.  

Thanks,

Brady

That totally worked!  Thanks!

On 3/8/2023 at 5:42 AM, Ziggy said:

Try adding this to Custom CSS and then adjusting the height of the embed code block:

html.squarespace-damask .sqs-blockStatus {
    display: none !important;
}

 

Ziggy, I'm having the same issue.  I added the CSS but where do I adjust the height of the embed code block?  

1 hour ago, jenncalero said:

Ziggy, I'm having the same issue.  I added the CSS but where do I adjust the height of the embed code block?  

Save the CSS, refresh the page, then edit the page and use the block handles to reduce the height of the block.

@Ziggy 

I have the same issue, but when I adjust the height to be 500px to include the form, it still has a bunch of space below that I cannot get rid of it. Do you have a fix?

Here is the website to see what is happening on the first section. https://www.clarkschristmas.org/donate

It looks fine on mobile but not on the web.

I can see the whole form on pretty much every screen size I've looked at. You do have a lot of blank rows on desktop underneath which is causing most of the blank space.

It won't let me remove the rows when I edit the section. Do I need to amend the section type?

You would need to make the image on the left shorter before you can reduce the row count.

Hi, I am having a similar issue but do not know how to add Custom CSS the right way. My issue is that there is extra blank space/padding at the end of my embed code. But it shows on mobile only. 

Here is the website link: https://www.liberteegrounds.com/food-menu-qr

Here is the code I am using

<iframe width="2000" height="2000" src="https://mhme.nu/design/437b8989-f95d-433a-972e-fc1dbe24e8ad?embed=true"0" allowfullscreen></iframe>

Thank you in advance for your help!

2 hours ago, LGPhilly said:

<iframe width="2000" height="2000" src="https://mhme.nu/design/437b8989-f95d-433a-972e-fc1dbe24e8ad?embed=true"0" allowfullscreen></iframe>

You have this set to 2000 high, which is where the discover is coming from. You could try reducing that but that risks it getting cut off. 

Yes, even reducing the 2,000 height doesn't remove the extra blank space on mobile. It only happens on mobile but is fine on desktop. 

www.liberteegrounds.com/oktoberfest

This has frustrated me for months. The solution is elegant! Thank you.

@Ziggy I used your code but it's visible after I click save. How to fix? thanks!

4 hours ago, Jen2021 said:

@Ziggy I used your code but it's visible after I click save. How to fix? thanks!

You need to put the code in Custom CSS as it's style code not HTML.