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

  • 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

    Jotform Thread 1278006 Screenshot
    Page URL: https://www.jotform.com/build/72850821554155/publish
  • Elton Support Team Lead
    Replied on October 20, 2017 at 3: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:

    Other text box is NOT mobile responsive Screenshot 20

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