- bobsheaAsked on September 09, 2011 at 08:50 AM
I am having the same problem on my form here m.auburnsidingandwindow.com with the contact form the width seems to be larger than the screen. Can you take a look?
This person was having a similar problem.
- allanftdAnswered on September 09, 2011 at 09:18 AM
Have you tried using the CSS code below using the Inject Custom CSS?
You can adjust 80% to a higher or lower value depending on your needs. To learn how to inject custom CSS codes, please visit this tutorial - http://www.jotform.com/answers/tag/Inject%20Custom%20CSS
Please try and let us know how it goes.
- bobsheaAnswered on September 09, 2011 at 09:22 AM
Yes i already did this and that does adjust the form fields correctly but when I view the contact form from the mobile device the form still seems to be going over the width of the page which is weird because i have the form set to under 300 in my jotform account. Any other help would be appreciated?
- allanftdAnswered on September 09, 2011 at 09:34 AM
Thanks for the update, Bob. I first opened your form using a desktop and found a line of text placed on the right side of the form. Is this correct?
This may be the reason why your form seemed to be alrger than the iPhone screen. Furtherore, please test using the JotForm-hosted form http://www.jotform.com/form/11952803733 and check if the same issue happens. Please let us know how both of these goes.
- bobsheaAnswered on September 09, 2011 at 09:49 AM
No that is on every page and not affecting the width on my other pages at all. I am using the embed script that is why I dont understand why the problem exist becuase it should be just using the demensions from jotform.
- bobsheaAnswered on September 09, 2011 at 09:51 AM
When I view it on the iphone it is not any of the labels going off the page it looks like the background of the form itself is to wide. Is this just something with the embed code?
- bobsheaAnswered on September 09, 2011 at 09:58 AM
I seem to have corrected the issue. What I did was create a div around the jotform embed script and made a class for it and set the with to under 300px now it does not go over the page.
- allanftdAnswered on September 09, 2011 at 10:36 AM
Glad that you were able to figure it our yourself. I was about to point out that I tested the standalone form http://www.jotform.com/form/11952803733 using an iPod device and the form fits perfectly within the screen as shown below:
This shows that there's nothing wrong with the settings of your JotForm form, so no further change needed.
Please let us know if you have any other concerns or questions. Thank you and enjoy using JotForm!