-
cobbkenAsked on July 5, 2020 at 12:23 PM
Hello. I need to make my row header column width more narrow, when viewed on mobile devices, for this form:
https://form.jotform.com/201864475012148
It works fine on large screen, but on a mobile screen, it makes the row headers (1,2,3, etc.) very wide, leaving very little room for the input fields to the right.
Thanks for the help!
Page URL: https://form.jotform.com/201864475012148 -
David JotForm Support ManagerReplied on July 5, 2020 at 1:08 PM
Thank you for contacting us. Please inject the following CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
@media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){
.form-matrix-row-headers {
width: auto;
min-width: auto;
}
}
Result:
Let us know if you need more help.
-
cobbkenReplied on July 5, 2020 at 1:35 PM
Thank you. Works great!