How can I make this form responsive?

  • Profile Image
    pdoss
    Asked on May 22, 2016 at 02: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.

  • Profile Image
    EltonCris
    Answered on May 22, 2016 at 04: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.

    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:

    Hope this helps!