Website not showing correctly in the webflow showcase... cant replicate in responsive mode

Hi there, I have showcased my website on the webflow page here - DMC Projects - Webflow but it is not displaying correctly, e.g header, form at end of page, drop down menu.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like

Hi Rose,

Here’s what your staging site looks like, with Chrome devtools open;

And here’s what the Made in Webflow page looks like;

Note the additional errors at the bottom.

In Made in Webflow, the IFRAME is sandboxed which restricts certain JS capabilities, like reading and writing from localStorage. Something is breaking in that context, you’d want to investigate.

My guess is that those JS errors are breaking something else regarding interactions, GSAP, or other JS that impacts your hero height.

2 Likes

That usually happens when custom code relies on localStorage or window references that get blocked inside the showcase iframe. Try wrapping those scripts in a Webflow.push(() => { ... }) and add fallback CSS for hero height and forms , had to do that on a client build to get dropdowns working in showcase.

1 Like

Thank you, sorry can you clarify how I ‘add fallback CSS for hero height and forms’ I removed the code, but still having issues.