My forms are not mobile responsive in website when viewed in iPhone?

Hi even after using iframes my these 2 forms are not mobile responsive.

https://www.jotform.com//?formID=60523583166254

https://www.jotform.com//?formID=60524107258249

Can you guys help me please.!

I have inspected your forms and only submit button is not responsive. You can make submit button responsive by Injecting this CSS code to your form:

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

    .form-submit-button {

        width : 100%!important;

    }

}

Inside of this guide you can find how to Inject Custom CSS to your form: 

http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

In case that you have issue with your embedded forms, please provide us URL of your website so that we can inspect your forms there. 

Hope this will help. Let us know if you need further assistance. 

I must say, you guys are awesome.

Thank you.

Hi,

I checked on android phone, it works perfect but on iphone it is not responsive and it does not show submit button.

Hi,

Were the form embedded on a website? If they were, can you share also to us the URL of your website so that we can check and test them as well.

I cheked using just the form URL's  on an Iphone simulator and they were responsive and Submit button is available

https://www.jotform.ca/form/60524107258249

https://www.jotform.ca/form/60523583166254

It is possible that the mobile browser you used just need to be refreshed. Please try that option as well and then test/check again.

Let us know if still not resolve.

Thanks.

These are the links:

http://new.advantagetactile.com/contact.html

http://new.advantagetactile.com/quote.html

I checked again and again but iphone shows no submit button as well as it does not show it is responsive.

Although it works fine on android phone.

Your forms are embedded on your website using the default script code. It seems like the script code is conflicting with your other resources, which causes some unresponsive layout when viewed on an iPhone device.

Could you please try using the iFrame embed code of JotForm? You can find it by following this link: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code. I understand you have already tried it but please do try it again and we'll check it further. Please do make sure to remove the old embed code before adding the iFrame embed code.

We'll wait for your response.

I tried it again.

Did not work.

Unfortunately I do not have iPhone to test your embedded form. I have test it on my Samsung Galaxy S4 and it is responsive.

Please try to remove script part of your iFrame code to see if that will resolve your issue. Embed only code this part of the code:

<iframe

      id="JotFormIFrame"

      onDISABLEDload="window.parent.scrollTo(0,0)"

      allowtransparency="true"

      src="https://form.jotform.com/60524107258249"

      frameborder="0"

      style="width:100%;

      height:539px;

      border:none;"

      scrolling="no">

  </iframe> 

Let us know if you need further assistance. 

I modified little bit of css and it shows responsive but it is not the correct way making it responsive.

.form-textbox {

    width : 100%;

}

.form-single-column {

    width : 100%;

    display : block-line-height;

}

.form-textarea {

    width : 100%;

}

 .form-submit-button {

        width : 100% !important;

    }

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

    .form-submit-button {

        width : 100% !important;

    }

.form-textbox {

    width : 100% !important;

}

}

I mentioned this already. android phones were fine but it was not good on iphones.

If I understood correctly, you were able to resolve your issue by adding CSS code you provided, to your form. 

Considering that I do not have iPhone, I was not able to test your form and to see what was causing the issue. 

Feel free to contact us if you have any other questions. 

I just want a better solution if possible.

if you can then please help me out when you can test it on iphone.

I have checked both pages in iPhone browser via https://www.browserstack.com/, but have not noticed any issues.

Are you still able to reproduce some issues when using iPhone?