I’m having this issue where iframes on the Wix studio builder appear as they should, but on the published version an extra space gets added underneath it. It also has like an invisible scroll bar. The iframes height are set to be larger than the content inside it, so it shouldn’t be able to scroll.
I will attach some pictures of it. The iframe is the form. I also have Google maps embedded and it also looks off.
I used to use the normal Wix builder, and this wouldn’t happen.
I think what’s happening is a combination of a fixed element being inside that of an element that is set to scale.
The contents within your iFrame are of a fixed size, and the element the iFrame sits in is scaling, meaning at some points it’s larger than the iFrame (hence the spacing underneath), and sometimes it’s scaling down, and smaller than the iFrame (hence the scroll bar sometimes showing).
The way to fix this is to set the iFrame within a container, and give the container a fixed height (px
not px*
).
Hope this helps 