Spread Out Table Columns

  • SackettPotatoes
    Asked on March 28, 2021 at 6:10 PM

    Is it possible to even out the spacing of the table sizes in all 3 on this form, on a mobile device?

    Jotform Thread 2999316 Screenshot
  • Vanessa_T
    Replied on March 29, 2021 at 12:08 AM

    Yes, that is possible thru CSS. Let me generate the CSS for you and will get back to you here afterwards.

  • Vanessa_T
    Replied on March 29, 2021 at 12:33 AM

    Kindly add the CSS below into your form:

    @media screen and (max-width: 480px), 
    screen and (max-device-width: 767px
    and (orientation: portrait), 
    screen and (max-device-width: 415px
    and (orientation: landscape) {
     th.form-matrix-headers.form-matrix-column-headers.form-matrix-column_0, th.form-matrix-headers.form-matrix-column-headers.form-matrix-column_1 {
      width: 50% !important;
     }
    }

    How-to-Inject-Custom-CSS-Codes

    1616992373 60615875a58db 03553 Screenshot 10