Change matrix width for mobile devices.

  • Profile Image
    ashwin_d
    Answered on February 13, 2017 at 03:28 AM

    Hello drtransitions,

    I did check your form which is embedded in your webpage and it seems to display the matrix field correctly. Please check the screenshot below:

    It seems the issue you are having is related to mobile devices. Please inject the follwoing custom css code in your form and that should solve this problem:

    @media only screen

    and (min-device-width : 375px)

    and (max-device-width : 667px)

    and (orientation : portrait){

    .form-matrix-row-headers {

        width: 60px !important;

    }

    }

    The following guide should help you how to inject custom css code in form:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Thank you!