-
CheriseAndersonAsked on January 12, 2016 at 6:19 PM
I would like help with my form "Spring League Registration 2016." The form looks great on a desktop or laptop, but doesn't view correctly on a mobile device.
Cherise Anderson
(909) 744-7847
Page URL: https://form.jotform.com/60076824581155 -
Kevin Support Team LeadReplied on January 12, 2016 at 10:21 PM
Hi,
Thank you for contacting us.
You can try following this guide : http://www.jotform.com/help/311-How-to-make-Forms-Mobile-Responsive
Or also injecting this CSS code in your form :
/*-----------RESPONSIVE LAYOUT-----------*/
.form-line.form-line-column {
width: 100% !important;
margin-left:0
}
.form-line{
width: 100%;
}
.form-textarea,
.form-textbox,
.form-dropdown{
width: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form-label-left, .form-label-right{
width: auto !important;
}
.form-buttons-wrapper{
margin-left:0 !important;
}
.form-input {
width: 100% !important;
}
.form-all{
width: 75% !important;
}
.form-sub-label-container {
width: 100% !important;
display: block !important;
}
Hope this will help you.
Regards.