Input table is not responsive in phone and desktop

  • TESMarketing
    Asked on September 25, 2019 at 10:11 PM

    Hi,

    I've input the following CSS code, but the table is still not mobile responsive, kindly assist:

    Phone view:

    1569463820survey page4 (phone) Screenshot 10

    Tablet view:

    1569463839survey page4 (tablet) Screenshot 21



    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){

    th.form-matrix-column-headers {

        min-width: auto !important;

    }

    .form-all{

    width: 100% !important;

    }

    }

     

  • roneet
    Replied on September 25, 2019 at 10:45 PM

    Please allow me some time to check this. I'll get back to you in some time.

    Thanks.

  • roneet
    Replied on September 26, 2019 at 7:09 AM

    I have injected the following CSS code in your Form:

    @media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){

    th.form-matrix-column-headers {

        min-width: 40px !important;

    }

    }

    Could you please let us know if it is ok for you. If not, we will assist you further in this.

    Thanks.