How to make the matrix table field mobile responsive

  • Profile Image
    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.

  • Profile Image
    Nik_C
    Answered on April 22, 2019 at 04: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!

  • Profile Image
    Ximoo
    Answered on April 22, 2019 at 06:29 AM

    Issue not resolved.

  • Profile Image
    jonathan
    Answered on April 22, 2019 at 08: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.14.42.png


    We will wait for your updated response.