Alignment issues of the checkbox in the Configurable widget

  • Sybtain
    Asked on July 25, 2020 at 7:48 AM

    I included the CSS and it largely works ok. Thanks for this. My problem is with the checkbox in the phone layout i.e. it drops down to the next line and looks ugly. Are you able to advise any modifications to fix this?

  • Patrick_R
    Replied on July 25, 2020 at 12:00 PM

    Hello! I believe that you're referring to the following field in this form: https://www.jotform.com/form/201911751415852

    1595692836Contact Tracing 2020 07 25 21 Screenshot 10

    If yes, then please paste the following CSS code as custom CSS for this "Configurable List" widget. Make sure to insert this code at the end of your existing CSS code.

    @media screen and (max-width: 480px){
    #list > tbody > tr:nth-child(2) > td.col9 > input[type=checkbox]{
    width: auto !important;
    }
    }

    In case you come across any issues, feel free to write back to us.

    Thank you!