-
office803Asked on January 16, 2018 at 10:22 AM
Please see attached screenshot. When previewing in mobile mode the width of the column and the cell in the column are skewed, either too large or too small. I've tried several things, but am unable to enlarge. Suggestions?
Page URL: https://form.jotform.com/62568034491156 -
office803Replied on January 18, 2018 at 9:07 AM
Can I get help with the above problem please? Thank you!
-
aubreybourkeReplied on January 18, 2018 at 10:51 AM
OK, please replace the CSS you have with this:
#label_34 {
margin-bottom : 20px;
}
/* Hide "I certify" checkbox label */
#label_22 {
display : none;
}
/* Control matrix table textboxes' width */
.form-matrix-values {
padding-left : 8px;
padding-right : 8px;
}
.form-matrix-row-headers {
width : 50px !important;
}
.form-matrix-values .form-textbox {
width : 100% !important;
}
.form-matrix-table {
width : 100% !important;
}
How-to-Inject-Custom-CSS-Codes
It will look like this:
-
office803Replied on January 18, 2018 at 5:24 PM
This is probably a "not cool" question, but not being CSS savvy... "Do I replace all the CSS code with this or add this to the bottom of the existing CSS code."
Sorry :0(
-
office803Replied on January 18, 2018 at 6:45 PM
Aahhh! Nevermind! Looks beautiful!
Thank you bunches!!
-
John_BensonReplied on January 18, 2018 at 9:21 PM
Thank you for updating us. We're glad that the issue is now resolved.
On behalf of my colleague, you're welcome.
Let us know if you need further help. We'll be happy to assist you.