Input table on mobile is not responsive. Can you tell me how to fix it please?

  • omaralraee
    Asked on October 13, 2018 at 6:09 AM
    Page URL: https://form.jotform.me/82852803411453
  • Victoria_K
    Replied on October 13, 2018 at 7:35 AM

    I assume this would require custom css codes. Please allow me some time to check for the codes for you. I will get back via this thread soon.

    Thank you.

  • Victoria_K
    Replied on October 13, 2018 at 8:03 AM

    Hello,

    The table on your form is not responsive because you have set the width of input fields to 190px, please change it to 100% and add the following code: 

    table {

      width: 100% !important;

      max-width: 100%;

    }

    td  {

      width: 24% !important;

    }

    tr > th:first-child {

      width: 1% !important;

      min-width: 15px !important;

    }

    Related guide: How-to-Inject-Custom-CSS-Codes

    153943218214 50 07 Screenshot 10

    153943219515 01 09 Screenshot 21

    We will gladly assist if you need any further help.