How can I make this form responsive?

  • pdoss
    Asked on May 22, 2016 at 2:59 AM

    It's been modified from a pre-made theme. It doesn't look good on mobile, though. It's on a Wix website.

    How can I make this form responsive? Image 1 Screenshot 20

    Page URL: http://pauledesign.wix.com/integrityseeds
  • Elton Support Team Lead
    Replied on May 22, 2016 at 4:26 AM

    Glad you see you used one of my team. :)

    I think you're using the older version because the new version displays like this on mobile.

    How can I make this form responsive? Image 1 Screenshot 30

    Anyway, please inject this CSS codes to your form. This should expand the fields on mobile.

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

    .form-line {

        width: 100% !important;

        margin-top: 4px !important;

    }

    [data-type="control_button"] {

        width: 100% !important;

    }

    }

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes (paste it into the bottom section)

    Result:

    How can I make this form responsive? Image 2 Screenshot 41

    Hope this helps!