I embedded a google form in one of my pages at freetiers.com and used a hidden iframe (using style=”display:none”) to redirect the user to a custom thank you page after submitting the form.
However, I noticed that there was some space near the place where the iframe would appear if I didn’t hide it .
After inspecting the html of the rendered page, I found out that :
- the iframe is put inside a div element with the class post__iframe assigned to it,
- there is a ::before pseudo-element generated from the main.css (I checked it)
I looked inside the js scripts to see if there’s anything about the process, but I found nothing relevant.
I just want to remove the blank space that appears before my iframe. Any suggestion is very welcome.
Here’s the link to one of those forms : https://www.freetiers.com/
.