How to make the matrix table field mobile responsive

  • Ximoo
    Asked on April 21, 2019 at 11:39 PM

    How can I edit the Matrix table? 

    I would like it to resolve this issue.kindly send me the css code.I want to make the table mobile responsive.Please solve my ploblem.Form is not working well on mobile responsive.

    Jotform Thread 1799559 Screenshot
    Page URL: https://form.jotform.me/91101410615440
  • Nik_C
    Replied on April 22, 2019 at 4:42 AM

    Please insert the below CSS to your custom CSS code:

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

    th.form-matrix-column-headers {

    min-width:40px;

    }

    }

    That should fix your input table responsivness issue.

    Let us know how it worked.

    Thank you!

  • Ximoo
    Replied on April 22, 2019 at 6:29 AM

    Issue not resolved.

  • jonathan
    Replied on April 22, 2019 at 8:17 AM

    Can you please provide more details. Which mobile device did you test.

    Can you also share a screenshot image of the issue you encountered.

    I did test it on mobile browsers, and the matrix table field appears to be responsive and working fine already.

    screenshot:

    1555935434zzz 2019 04 22 20 Screenshot 10


    We will wait for your updated response.