need labels to word wrap on checkboxes

Hello,

For some reason responsive css is set to white-space: nowrap on checkboxes. How do I override it?

My fix is not working for mobile.

Also, for some reason the OTHER field is set really short so I had to make that bigger ... gets cut off in mobile version.

Thanks

<code>
form#Mynumber.jotform-form div.form-all ul.form-section.page-section li#id_12.form-line.jf-required div#cid_12.form-input-wide.jf-required div.form-single-column span.form-checkbox-item label  {
    white-space: normal !important;
}</code>

Please try the following:

1) Set the responsive option to "no" at preferences tab.

2) Add the mobile responsive widget:

It should fix the issue:

Here is my cloned version of your form: http://form.jotform.co/form/50958087358873

Hope this helps you, let us know if you have more questions, we will be glad to assist you.

Ok good.

hm, I wonder why that responsive setting is there but glad to have the fix with the widget.

Allow other=Y is too short and controlling it was part of the problem so I took it out.

Maybe it is standard but padding on smaller viewports also was needed.

Thanks! On to testing.

I'm glad that my colleague's solution worked. 

Please do update us if everything is good on your test results or if your still having problems on it.

Kind regards.