-
anandrajogAsked on June 24, 2016 at 11:08 AM
-
David JotForm SupportReplied on June 24, 2016 at 12:21 PM
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.
-
anandrajogReplied on June 24, 2016 at 5:45 PMTried 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
... -
David JotForm SupportReplied on June 24, 2016 at 6:07 PM
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.
-
anandrajogReplied on June 24, 2016 at 6:45 PMI 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
... -
BJoannaReplied on June 24, 2016 at 7:55 PM
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.
-
anandrajogReplied on June 24, 2016 at 8:45 PMI 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.
... -
BJoannaReplied on June 24, 2016 at 9:22 PM
Thank you for the confirmation.
Please let us know when you embed your form.
-
anandrajogReplied on June 24, 2016 at 10:45 PMI 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
... -
Welvin Support Team LeadReplied on June 25, 2016 at 1:53 AM
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.
-
anandrajogReplied on June 25, 2016 at 9:45 AM
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
... -
Welvin Support Team LeadReplied on June 25, 2016 at 9:53 AM
Add the codes to the bottom. After the last }.