INPUT TABLE > REMOVING TEXT WRAPPING WHEN VIEWED ON MOBILE

  • lindseyhague
    Asked on February 17, 2020 at 9:26 AM

    How can we remove the text wrapping feature to the left column to show a more professional view from the mobile view?

    Page URL: https://www.jotform.com/build/193443391718161
  • John Support Team Lead
    Replied on February 17, 2020 at 10:23 AM

    Please try adding this custom CSS code below to your form:

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

    th.form-matrix-column-headers {

        min-width: auto !important;

    }

    .form-matrix-row-headers{

        min-width: auto !important;

    }

    .form-all{

    width: 100% !important;

    }

    }

    It will make it more responsive when viewed on mobile. Heres how it looks:

    INPUT TABLE > REMOVING TEXT WRAPPING WHEN VIEWED ON MOBILE Image 10

    GUIDE: How-to-Inject-Custom-CSS-Codes