Mobile form does not display correctly

  • Profile Image
    brad579
    Asked on October 25, 2017 at 11:15 AM

    When our customers go to the form from a mobile device, they have to scroll over in order to complete the form.  We need for them to be able to scroll down the entire form without having to scroll left or right or turn their screen orientation to view the additional fields.  Please advise.


  • Profile Image
    Jan
    Answered on October 25, 2017 at 12:36 PM

    I was able to replicate the issue when I adjusted the size of my browser. The Matrix Dynamique widget is not mobile responsive.

    Please give me more time to work on this issue. I will contact you once I have a solution.

    Thank you for your patience.

  • Profile Image
    Jan
    Answered on October 25, 2017 at 04:01 PM

    Sorry for the delay. I checked your form and I can see that you are no longer using the Matrix Dynamique widget. However, I noticed that the Signature widget is not responsive.

    150896156810-26-glrac.png

    Please inject this custom CSS to fix that:

    .signature-line.signature-wrapper {
    width: 100% !important;
    }

    #sig_pad_8 {
    width: 100% !important;
    }

    .jSignature {
    width: 100% !important;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    150896125410-26-bcvoo.png

    Hope that helps. Let us know if you need further assistance.