Conflict between google form custom code and footer

Site URL: https://www.stanley-engineering.com/we-buy

I added a google form as custom code to my squarespace page (https://www.blankbox.business/blank-blog/2019/5/17/embedding-google-forms-into-your-squarespace-site).  

Now the footer is in the middle of form.  I attempted to add a spacer, but then I couldn't interact with the form.  Any help would be great.

27 minutes ago, pshort said:

Site URL: https://www.stanley-engineering.com/we-buy

I added a google form as custom code to my squarespace page (https://www.blankbox.business/blank-blog/2019/5/17/embedding-google-forms-into-your-squarespace-site).  

Now the footer is in the middle of form.  I attempted to add a spacer, but then I couldn't interact with the form.  Any help would be great.

Hi @pshort You can fix this issue to some extent by adding the following code in HOME>DESIGN>CUSTOM CSS   also 1 piece of code in the google form code you are using.

-CODE TO PASTE IN  HOME>DESIGN>CUSTOM CSS

#block-yui_3_17_2_1_1584472166068_35826{
	height:100%;
}

-CODE TO Replace in Google Form (Image is attahced where to replace it)

where it says height="3524" you have to replce 3524  with  -webkit-fill-available !important

so that it will look like this height="-webkit-fill-available !important"

Hope it helps 🙂

This solution worked great.  Thank you.