Form not mobile responsive

  • Profile Image
    ramoslaw
    Asked on May 07, 2015 at 01:43 PM

    Hi there - I've added the responsive widget.  I've added media queries to the css (and taken them out).  I've changed the "responsive" option to off and on.  None of it makes my form responsive.  If I shrink the width of the browser window on my laptop it is responsive, but on my phone everything is still fullwidth.

    Help appreciated!

     

  • Profile Image
    Charlie
    Answered on May 07, 2015 at 02:47 PM

    Hi,

    Could you implement the following:

    1. Add this meta tag inside your <head></head> in your website page where the form is embedded..

    <meta name="viewport" content="width=device-width, initial-scale=1">

    2. After that, make sure that you apply the settings in the form builder to make your form mobile responsive. Either you use the mobile responsive widget OR change the settings by following this guide: http://www.jotform.com/help/311-How-to-make-Forms-Mobile-Responsive.

    3. Try embedding the form using iFrame embed code instead of using the default JS code.

     

    See if after implementing all the steps above will resolve the issue. Also, could you try viewing the form directly using its form URL and compare it to when you are viewing it in your website.

    Thank you.