Form not mobile responsive

  • phylipcurtis
    Asked on November 28, 2016 at 4:18 PM

    I've embedded a form on my wordpress site, but when I look at the site on my iphone. The form is not mobile responsive.

     

    Here is the site.

    http://centerpointdentalpayson.com/appointments/

     

    Here is the form:

    https://form.jotform.com/63326442740149

     

    Thanks!

    Jotform Thread 999234 Screenshot
    Page URL: http://centerpointdentalpayson.com/appointments/
  • Boris
    Replied on November 28, 2016 at 5:38 PM

    I have checked your form, and the problem comes from the styles that are applied for your Submit button. The Submit button has its width specified as 530 pixels, which means that your users will need a screen of at least 530 pixels to see your form as it currently is.

    To resolve the issue, please try injecting the following custom CSS into your form:

    .form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print {
        width: 100%;
        max-width: 530px;
    }

    You can add CSS codes to your form by following this guide:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Please try it out, and let us know how it goes.