Make my form mobile responsive

  • rescuewithoutboundaries
    Asked on December 14, 2015 at 4: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.

  • Elton Support Team Lead
    Replied on December 14, 2015 at 9: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!