Mobile responsive widget not working on matrix field

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?

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.