My form is not showing properly on my iphone

check www.igotpro.com/test on iphone.

 

the form cuts off on the right side. I tried all options.

Try replacing your current embed code with your forms iFrame code:

https://www.jotform.com/help/148-Getting-the-form-iFrame-code

You can also try enabling mobile responsiveness:

https://www.jotform.com/help/311-How-to-make-forms-mobile-responsive

Or adding the mobile responsive widget to your form:

http://widgets.jotform.com/widget/mobile_responsive

If none of these solutions work, let us know and we will be happy to have another look.

Tried all three options and still didn't work
Your success is Paramount to our Success
Ash Nandrajog, Co-Founder
iGotPro International Business Network Solutions Ltd.
519-722-2897
ash@igotpro.com
www.igotpro.com
...

I checked your page on mobile and it looks be be fitting without issue:

You can try applying mobile css to your form:

https://www.jotform.com/answers/240130-How-to-make-the-form-mobile-responsive

If that still does not work, let us know specifically what type of device the form it showing like that on and we will be happy to have another look.

I added the CSS code into the CSS and still the same problem. Trying it on
an iphone 6 and chrom. Even if I tilt the phone in landscape, it still
stretches the form beyond the screen.
Your success is Paramount to our Success
Ash Nandrajog, Co-Founder
iGotPro International Business Network Solutions Ltd.
519-722-2897
ash@igotpro.com
www.igotpro.com
...

I was not able to find your form on your website. I only found one form on Contact us page, but that is not JotForm form. Did you removed your form from you website? If not can you please provide us exact URL of your embedded form. 

I have tested your standalone form on my Samsung Galaxy S4 and you form is responsive on my phone, it is not cut off on the right side. 

Can you please also test your standalone form on your phone? This way we can find if the issue is related to standalone form or to your embedded form.

Looking forward to your reply. 

I removed the form because I was testing things.
I will
Embed it again.
The form works fine when it is standalone.
The problem is when it is embedded.
...

Thank you for the confirmation.

Please let us know when you embed your form.

I have embedded the form now. Please check www.igotpro.com/test
Your success is Paramount to our Success
Ash Nandrajog, Co-Founder
iGotPro International Business Network Solutions Ltd.
519-722-2897
ash@igotpro.com
www.igotpro.com
...

You are currently using the iframe embed codes. Please try changing the width in the iframe from 100% to 95%. That should fix the problem.

Or, instead of changing the width in the iframe codes, you can also just add the following codes to your website stylesheet (not on your form):

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

iframe#JotFormIFrame {

    width: 95% !important;

 

}

}

This targets the width of the iframe on the mobile phone and won't affect the width on the PC. 

Below is the whole CSS code from the main_style.css sheet from Weebly.
Can you tell me where I should insert the code?

--------

CSS codes have been moved here: http://pastiebin.com/576e8cfa082a9.

--------

Your success is Paramount to our Success
Ash Nandrajog, Co-Founder
iGotPro International Business Network Solutions Ltd.
519-722-2897
ash@igotpro.com
www.igotpro.com
...

Add the codes to the bottom. After the last }.