How do I get mobile responsive widget to work??

  • ccstudio
    Asked on February 3, 2016 at 3: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. 

  • Chriistian Jotform Support
    Replied on February 3, 2016 at 4:50 AM

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

    Preferences > Responsive Form > Yes

    How do  I get mobile responsive widget to work?? Image 1 Screenshot 20

    Do let us know if the issue persists.

  • ccstudio
    Replied on February 3, 2016 at 9: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.
    ...
  • Chriistian Jotform Support
    Replied on February 3, 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.

    How do  I get mobile responsive widget to work?? Image 1 Screenshot 20

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

  • Chriistian Jotform Support
    Replied on February 4, 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

    How do  I get mobile responsive widget to work?? Image 1 Screenshot 20