Too small columns when opening on mobile phone

  • Profile Image
    A_S_G
    Asked on August 22, 2017 at 05:32 AM
  • Profile Image
    nurulmac11
    Answered on August 22, 2017 at 08:29 AM

    This is because of false padding percentage in small devices.

    To fix it; 

    You must add this css to your form. You can learn how to add custom css to form, following by this guide.

    @media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) { table td + td {

         padding-left: 0 !important;

    }

    }

     

    I hope this helps.

  • Profile Image
    Chriistian
    Answered on August 22, 2017 at 12:04 PM

    Can you please try to inject the following custom CSS code on your form and see if this will fix the issue?

    .form-matrix-table td {

        min-width: 50px;

    }