My form isn't displaying correctly

The form loads but looks 'broken' — cut off, the wrong width, can't be scrolled on mobile, or has invisible fields. Here are the most common causes.

1. The iFrame is too narrow or too short

When embedding as an iFrame, your website often sets a fixed width/height — if this doesn’t match the form, it will split into columns or be cut off.

Solution:

Set the iFrame width to 100%
Let the iFrame height adjust automatically — propform provides a small JS snippet that dynamically adjusts the height. You can find the snippet in Form Settings → iFrame Code for Embedding and need to add it to your page once.
If you’re not using the dynamic code, set the iFrame height to a generous value (e.g. 1200px) and check whether the form fits.

2. The parent element of the iFrame page is too narrow

Some website builders render the area where you place the iFrame in a column with a fixed width (e.g. 600px). This can look cramped on a smartphone.

Solution: In your website builder, set the column/container width to 100% or at least 100vw, if available. In WordPress page builders (Elementor, Divi), this is often called “Full Width” or “Stretch”.

3. CSS conflict with your website

Very rare: A globally applied CSS rule on your website (e.g. * { box-sizing: content-box } or similar) overrides the form styling.

Solution: If you have custom CSS on your page, isolate the iFrame container or check the browser DevTools console for style conflicts.

4. Mobile view is cut off

The form works perfectly on desktop, but on a smartphone, part of the right-hand edge is missing.

Solution:

Your website’s <head> must contain the viewport meta tag: <meta name="viewport" content="width=device-width, initial-scale=1.0">
Set the iFrame width to 100% (not px)
The parent container must not have a min-width

5. Browser cache

If you’ve just made changes to the form and it still looks outdated: clear your browser cache or try an incognito tab.

6. Logo or button missing

If the logo isn’t displayed or a button is missing:

Has the logo been uploaded in the form settings?
Is the button set to “not visible” in a conditional rule? Check the field settings under “Conditions”.

If nothing helps

Email us at hello@propform.io with the following information:

Form URL (if embedded: also your website’s URL)
Browser + device (desktop/tablet/smartphone)
Screenshot of the error
What did you expect to see?

propform.ioHilfe