How do I get mobile responsive widget to work??

  • Profile Image
    ccstudio
    Asked 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. 

  • Profile Image
    Chriistian
    Answered 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
    ccstudio
    Answered 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
    Chriistian
    Answered 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
    Chriistian
    Answered 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