"Other" text box is NOT mobile responsive. Pls HELP with CSS injection code

  • Profile Image
    yvettehwee
    Asked on October 19, 2017 at 10:51 PM

    Pls help!

    My form looks great, EXCEPT for the last answer option of "Other". The text box in mobile "vertical" view is not mobile responsive. Pls see screenshot. I believe it looks great in the rest of the device views. Please tell me what code to inject into the CSS. Based on what I've read to date on other support threads, I've tried injecting this code:

    .form-input{width:100%;}

    This does not work for the mobile vertical responsive view. Thank you for your support.


    Yvette

  • Profile Image
    EltonCris
    Answered on October 20, 2017 at 03:21 AM

    Inject this CSS codes to your form.

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

    .form-checkbox-other-input {

        width: 92% !important;

        margin-left: 0 !important;

        float: right;

    }

    .form-scale-table td {

        padding: 9px 3px;

    }.form-all {

        width: 99%!important;

    }    

    }

    I have included the scale rating as well so it fits on mobile view.

    Result:

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes