What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Form not mobile responsive

    Asked by ramoslaw 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!

     

    Page URL:
    http://www.ramoslawfirm.com/new-form/

    not responsive form not responsive shrink and responsive widget form responsive
  • Profile Image
    JotForm Support

    Answered by Charlie 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.