Input table on the mobile device is not responsive

  • Profile Image
    Asked on June 26, 2017 at 01:42 PM

    I've created a table with text entries. It looks fine on my laptop but not on mobile devices. With mobile, the first column is stretched and the text entry columns are squished to one character.

  • Profile Image
    Answered on June 26, 2017 at 02:53 PM

    Please add this CSS code to 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){

    .form-matrix-row-headers {

        width: 280px!important;


    How to Inject Custom CSS Codes

    After that your form will look like this. 

    Here is my cloned form: 

    Feel free to test it and clone it

    Hope this will help. Let us know if you need further assistance.