Change matrix width for mobile devices.

  • drtransitions
    Asked on February 12, 2017 at 10:18 PM

    Change matrix width for mobile devices Screenshot 20

     

    Page URL: http://www.drtransitions.com/free-practice-valuation/
  • Ashwin JotForm Support
    Replied on February 13, 2017 at 3: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:

    Change matrix width for mobile devices Screenshot 20

    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!