Preventing Squarespace Header from Overlapping TypeForm embed

Hi All-

I'm hoping one of you can help me, since Squarespace says they cannot. I am having an issue where an embeded TypeForm survey that I have on my site is obscured by the Squarespace header when viewed on a mobile device. I asked TypeForm and they said the following, but I cannot figure out where/how to input this into the CSS. Any suggestions? Thank you so much in advance!

"This issue with the site content overlapping with the typeform view happens because there is content on the site that renders at a higher z-index than the default z-index of the typeform which is 10001. 
To resolve this issue, you could raise the default z-index for the typeform embed from its default value 10001 to something like 99999 to force the form to always load above all other content on the site (you can do this by assigning an ID or class to the typeform div such as :below:, then targeting that ID or class with CSS code for the z-index property.
Squarespace should be able to assist with an exact configuration for your setup."

Please provide a working link to the page so that forum users can take a look.

Oh yes, of course. https://www.sidekickdwellings.com/adu-selector. It is only a problem on a mobile (iPhone). Thank you!

Hi All-

Any thoughts on this question?

Thanks!
MM

Hi All-

I'm hoping one of you can help me, since Squarespace says they cannot. I am having an issue where an embeded TypeForm survey that I have on my site is obscured by the Squarespace header when viewed on a mobile device. I asked TypeForm and they said the following, but I cannot figure out where/how to input this into the CSS. Any suggestions? Thank you so much in advance!

"This issue with the site content overlapping with the typeform view happens because there is content on the site that renders at a higher z-index than the default z-index of the typeform which is 10001. 
To resolve this issue, you could raise the default z-index for the typeform embed from its default value 10001 to something like 99999 to force the form to always load above all other content on the site (you can do this by assigning an ID or class to the typeform div such as :below:, then targeting that ID or class with CSS code for the z-index property.
Squarespace should be able to assist with an exact configuration for your setup."

Here is the link: It is only an issue on a mobile device: https://www.sidekickdwellings.com/adu-selector

On 5/14/2023 at 9:39 PM, SidekickMM said:

Oh yes, of course. https://www.sidekickdwellings.com/adu-selector. It is only a problem on a mobile (iPhone). Thank you!

Can you take a screenshot of problem on your iPhone?

Sure. Thanks so much for your feedback. Here's a screenshot (just one example but it happens on multiple pages). Also, sometimes on a PC monitor I see a vertical scroll bar on the right side of the TypeForm intro slide, which I'd love to get rid of.

Thank you, paul2009!