Mobile Responive Stopped Working after IFrame Embed- Please Help

  • Profile Image
    Asked on June 03, 2017 at 08:22 PM



    We recently embeded our form using the IFrame code and the mobile responsive widget stopped working. I tried taking it off and adding it back in, resizing the form, etc. 


    Is there anything else I can do?


  • Profile Image
    Answered on June 03, 2017 at 11:06 PM

    Forms are already mobile responsive. You don't need to add the mobile responsive widget into your form. It is no longer necessary.

    The form embedded on your page is actually responding well on mobile upon checking it here. However, the form content is zoomed out or scaled down because you have not defined the meta code that would properly scale the form content when viewed on mobile.

    So to fix it, add the following meta between the header in your page where you have embedded the form.

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">


    Hope this helps.

    Let us know should you need further assistance.

  • Profile Image
    Answered on June 05, 2017 at 12:36 AM

    Thank you, 

    That seemed to fix the zoom issue.

    However the submit button is now missing on the bottom of the form? 

    Also the form jumps when the dropdowns are selected?

  • Profile Image
    Answered on June 05, 2017 at 02:08 AM


    I checked your form in this web page but I cannot replicate the problem. Below is a screencast of my test case, I'm selecting the drop down fields but I don't notice any unusual jumping of the page, the submit button is also present at the bottom.


    Could you please check again, also please let us know which drop down fields are involved about the jumping behavior, I see there are regular drop down fields and there are also some widgets.

    We'll wait for your response.