-
mteelAsked on April 23, 2020 at 12:19 PM
I'm trying to style these forms for mobile use. The css section doesn't seem to be taking to the style code I'm adding.
@media (max-width: 400px) {
.form-line.form-line-column {margin: 4px 4px 4px 10px!important;width: 91%!Important;}
textarea#input_27 { min-height: 80px!Important;}
}
Page URL: https://form.jotform.com/200795670103956 -
Kevin Support Team LeadReplied on April 23, 2020 at 3:54 PM
Try injecting this code instead:
@media only screen and (max-width:400px){
.form-line.form-line-column {
margin: 4px 4px 4px 10px!important;
width: 91%!Important;
}
textarea#input_27 {
min-height: 80px!Important;
}
}
Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
Result:
I would recommend you to also use the Google developer tools to view the results, the preview page may not be accurate.
I hope this helps.