Form disappears on muse responsive sites?

Hi,

We are building a new site http://group-test.businesscatalyst.com/index.html

The jotform form I'm working on is in the footer. It is embedded into a muse site. My muse site is responsive so the design changes with the window size. The form appears initially, however, when you change the window size the forms disappears. The form doesn't appear on mobile either. What do I need to do to fix this problem? We go live at the end of the month.

Thanks

Hello, the standalone form itself works and appears to be mobile-responsive, regardless of the size of the browser's viewport:

However, on your website, it disappears as I change the browser's size. This is most likely due to how the responsiveness of your website was designed. Upon closer inspection, your form appears to be within this div container u494760 and as soon as I change the size of the viewport, that div's content gets changed and the script part of your form disappears (which is possibly what's causing it to disappear too).

For your reference, this is the DOM inside that div before and after resize:

BEFORE:

<div class="grpelem shared_content" id="u494760" data-content-guid="u494760_content"><!-- custom html -->

<script type="text/javascript" src="https://form.jotform.com/jsform/61586703414961"></script>

<iframe onDISABLEDload="window.parent.scrollTo(0,0)" src="" allowtransparency="true" frameborder="0" name="61586703414961" id="61586703414961" style="width: 100%; border: none; height: 202px;" scrolling="no"></iframe>

</div>

AFTER:

<div class="grpelem shared_content" id="u494760" data-content-guid="u494760_content"><!-- custom html -->

<iframe onDISABLEDload="window.parent.scrollTo(0,0)" src="" allowtransparency="true" frameborder="0" name="61586703414961" id="61586703414961" style="width: 100%; border: none; height: 202px;" scrolling="no"></iframe>

</div>

(The line I highlighted in yellow above was what's missing after resizing)

Just to confirm, did you use the same steps outlined on this guide: Adding-a-form-to-Adobe-Muse

1. If you did - Then try embedding the form using the iFrame embed codes instead.

Related guide: Getting-the-form-iFrame-code

2. If you didn't - Then please ignore #1 above and try embedding it using the guide first.

I Used the iframe and it worked thank you!

Your reply didn't post properly so I just pasted it above for everyone's reference. Thanks for confirming that the iframe worked and for taking your time keeping us posted. Enjoy your weekend!