Form displaying full width on mobile devices

Hello.  We have a form on this page: 

http://henryclarkewebdesign.com/a-new-site-services/websites/mobile-friendly-responsive-websites/ 

I've checked "make this form responsive."

But the form is not fitting in a narrow phone screen.  See: https://www.screencast.com/t/YSWwpzBR

Let me know what we need to do.  Thanks for your help.

Please try injecting the following CSS code to the form so that it should be displaying correctly on the mobile devices.

@media screen and (min-width: 10px) and (max-width: 540px){

.jotform-form {

    padding: 10px 0 !important;

}

.form-all {

    width: 95%;

}

}

Please get back to us if you need any further assistance. We will be happy to help. 

Thanks Kiran.  

I added the CSS and the form still looks the same as before.  I tried editing the max-width and width with no success.  I cleared the cache as well.

Let me know if you have another edit.  

Thanks again.

I have checked the web page on a mobile emulator and see that the form is displaying without any issues. 

Could you let us know which mobile you are using so that we'll try to replicate the issue at our end and provide you with necessary assistance.

Thanks!

I tested it on a live iPhone 5s.  I checked it on a Samsung and all was well.  

Hello henryclarke10,

Please inject the following custom css code and see if that solves your problem:

@media screen and (min-width: 10px) and (max-width: 540px){

.supernova .form-all, .form-all {

    margin-left: opx !important;

    margin-right: 0px !important;

}

.form-all {

    width: 95%;

}

}

Do get back to us if the issue persists.

Thank you!