Form is not displayed correctly in mobile device.

  • Profile Image
    Asked on July 05, 2019 at 10:00 PM


    Could you please help me to set the below form, both mobile and desktop friendly.

    The mobile version is getting skewed.

    Thank you!

    Best regards,


  • Profile Image
    Answered on July 05, 2019 at 11:06 PM

    Please inject the following custom css code in your form and see if that solves your problem: 

    @media only screen and (max-device-width: 480px) { {

        padding-left: 5px !important;

        padding-right: 5px !important;


    th.form-matrix-column-headers {

        min-width: 15px !important;

        width: 50px !important;


    .form-matrix-column-headers.form-matrix-column_2, .form-matrix-column-headers.form-matrix-column_4 {

        word-wrap: anywhere !important;


    #cid_13 {

        margin-left: -19px;

    margin-right: -17px;


    .form-matrix-row-headers {

        width: 166px;

        word-break: break-all;

        min-width: 30px;



    The following guide should help you how to inject custom css code in form: 

    Hope this helps.

    Do get back to us if you need any other changes.