Contact form copied from CRM software messing with website page

Site URL: https://www.heartstringpictures.com.au/contact

Hi guys,

Have been in contact with Squarespace support and they have referred me here. They did mention that my issue is likely stemming from a contact form that I inserted into my page from a CRM software called Studio Ninja. 

The issue is only on my mobile version of the website, as on computers the webpage is completely normal. But on mobile there is this huge amount of blank white space that doesn't show itself in the website editor and only shows on the live mobile website (see video below).

This is the last email I received from support.

I haven't added any custom code to my website so the contact form is definitely the culprit. Unfortunately I can't just get rid of it as it is a crucial part of my website. What should I do?

I'm more than happy to provide more information if need be so please ask. Any help would be greatly appreciated! 🙂

Cheers,

Harry

Hi, interestingly I can't replicate this error, have you found a fix? If not this code can help hide overflow:

#collection-624fbd4b8b3c723531d094f7 {
html, body {
	overflow-x: hidden !important;
 }
}

Hi Ziggy, thanks for your response. Are you on Android or iPhone? I haven't tested to see if the issue shows up on Android so that might be why you aren't seeing it?

Still haven't found a fix and unfortunately the code you provided doesn't seem to be working either 😞

I ended up copying and pasting all of the content to a new page and it fixed the issue for some reason. I also used the 'embed' block option for the contact form instead of the 'HTML' block