Make my form mobile responsive

  • Profile Image
    rescuewithoutboundaries
    Asked on December 14, 2015 at 04:53 PM

    The entire portion of the right side is cut off on the adoption application. I need it to scroll left & right for people to see the entire application. On the mobile version.

  • Profile Image
    EltonCris
    Answered on December 14, 2015 at 09:16 PM

    Your stand alone is mobile responsive as of checking. Can you please tell us which section of your form that is cut on mobile? So far the only part that is cut on the right side is the signature widget.  To make it mobile responsive and hopefully fix the other fields as well, inject this CSS codes to your form.

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

    canvas.jSignature,

    .signature-pad-wrapper,

    .signature-line.signature-wrapper div,

    .signature-line.signature-wrapper{

        width: 100% !important;

    }

    .form-input, .form-input-wide, .form-textarea, .form-textbox, .form-dropdown {

        max-width: 100% !important;

        width: 100% !important;

    }

    }

    If you have embedded the form on your page, let us know the page URL so we can inspect it here.

    Let us know how this goes. Thanks!