Sub label gets cut off on mobile devices

Everything else works fine on mobile devices after some CSS injections but the sub labels on my forms keep getting cut off. Any ideas on how to solve this?

Hello,

I can see the issue here:

I see you've already tried adding custom CSS to target the sublabel on media devices. I'm working on finding the right css to inject to prevent the sublabels from getting cut off. We'll update this thread with the solution shortly.

Kind Regards

Hello,

I figured it out. The part we were missing was "white-space: normal !important;"

So per your code in the form, replace the last segment with this, (or update as you like). This works on my end, in a clone of the form.

@media only screen and (max-device-width: 960px){

.form-sub-label {
width: 200px !important;
}

.form-sub-label-container {
white-space: normal !important;
}
}

Here's a thread on the same topic:

http://www.jotform.com/answers/235793-Word-Wrap-in-a-Form-Field-s-Sub-Label

Let us know if you have further questions.

Regards

Works perfectly! Thank you so much, it would have taken me a long time to figure out and I didn't see that thread when I googled.

/Amanda

Great, glad it helped. Cheers!