Mobile responsive widget not working on matrix field

  • Profile Image
    advantech
    Asked on July 18, 2016 at 08:59 PM

    My form seemed to work well responsively, except for the header graphic. It falls off the right side of the phone browser. I added the responsive widget and that worked...However, now my matrix is way out of wack. How do I get the best of both worlds please?

  • Profile Image
    Kiran
    Answered on July 19, 2016 at 12:06 AM

    Please try removing the mobile responsive widget from the form and inject the following CSS code to your JotForm:

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

    .form-matrix-row-headers, .form-matrix-column-headers {

        font-size: 0.4em !important;

    }

    .form-image {

    width: 100%;

    height: auto;

    }

    }

    It should be displaying correctly on the mobile devices. Let us know if you need any further assistance. We will be happy to assist.