Input table on the mobile device is not responsive

  • daverthal
    Asked on June 26, 2017 at 1: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.

  • BJoanna
    Replied on June 26, 2017 at 2: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. 

    Input table on the mobile device is not responsive Image 1 Screenshot 20

    Here is my cloned form: https://form.jotformpro.com/71765745385974 

    Feel free to test it and clone it

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