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

    How do I get mobile responsive widget to work??

    Asked by ccstudio on February 03, 2016 at 03:19 AM

    This form is useless if it doesn't work on mobile. and mine is not.   Get Started From is not respoinsive. Please help. 

    Page URL:
    https://form.jotform.com/60327556482156

    Mobile mobile responsive responsive widget work
  • Profile Image
    JotForm Support

    Answered by Chriistian on February 03, 2016 at 04:50 AM

    You can try setting the preferences to make the form responsive.

    Preferences > Responsive Form > Yes

    Do let us know if the issue persists.

  • Profile Image

    Answered by ccstudio on February 03, 2016 at 09:45 PM

    removed the widget added the responsive and it works . I realize I am a
    free user but will soon have to upgrade but I won't upgrade if it won't
    work on mobile.
    ...
  • Profile Image
    JotForm Support

    Answered by Chriistian on February 03, 2016 at 11:13 PM

    I cloned the form and made some tests in the mobile emulator. It does seem to not display correctly on mobile.

    Allow me some time to investigate the issue further. I will update you on this thread once I have done so. Regards.

  • Profile Image
    JotForm Support

    Answered by Chriistian on February 04, 2016 at 12:41 AM

    As per further investigation, it seems that Theme that you are using in your form was causing the issue. To fix the issue and make your form mobile responsive, please try to inject this custom CSS code in your form:

    @media screen and (max-width: 480px){

    .form-all{

    animation: bounceInUp 2s 1.5s forwards !important;

    -webkit-animation: bounceInUp 2s 1.5s forwards !important;

    }

    }

     

     

    To inject custom CSS code to your form, just follow the instructions provided in this article: How to Inject Custom CSS Codes. You can check this sample clone form that I used for testing: https://form.jotform.com/60338289411961