Input table on the mobile device is not responsive

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