Right side of the form is cut off

When viewing the form on iphone the right side is cut off. When I resize my browser it is responsive. I've tried everything I can think of to fix it, nothing works.

I was able to reproduce that problem on an iPhone device. Please try to inject this CSS codes to your form. This might fix it.

@media screen and (max-width:480px){

.form-line {

    padding: 0  !important;

} 

.form-checkbox-item label, .form-radio-item label {

    white-space: normal !important;

}   

}

Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes (paste it at the bottom part).

Result:

Thanks!

thank you. your above fix worked for portrait view now, not landscape. Further thoughts or advice?

here are a few screen shots of the landscape view issue

Please update the code I sent you earlier from max-width:480px to max-width:768px so it is also triggered on landscape view.

Thanks!

768px didn't work.

Thanks. You're right, not sure why.

Anyway, I just found out that it doesn't need a lot of CSS. Just the following.

.form-checkbox-item label, .form-radio-item label {white-space: normal !important;}

Replace the CSS codes I sent earlier with this, this should fix everything.

Let us know how this goes. Thanks!

Still doesn't work.

Sorry about that. Please append this. It seems the images are overlapping too causing the form to cut off.

li[data-type="control_image"] img {

    width: 100% !important;

    height: auto !important;

}

Let us know if this doesn't make any difference. Thanks!

it seems to be working, thank you!

Awesome. Cheers! :)