-
tfdesignsAsked on May 11, 2015 at 3:15 PM
Hello,
My form (embedded via js on my Wordpress-based site) will not show in its entirety on the iphone. I can see half of it, and you can't even scroll over to see the rest. Help?
Thanks!!
Trace
Page URL: http://www.indaliadesign.com -
raulReplied on May 11, 2015 at 3:55 PM
I've checked your site using an iPhone 6 and it looked correctly on my side.
Were you able to fix it? If not, can you please let us know which version are you using to test your site? You should also try to clear your browser's cache to see if it helps.
-
hilakevilleReplied on May 11, 2015 at 5:11 PM
-
raulReplied on May 11, 2015 at 5:18 PM
@hilakeville
I've moved your inquiry to a separate thread so we can address it properly.
We'll be working on it here: http://www.jotform.com/answers/567998 -
tfdesignsReplied on May 11, 2015 at 7:27 PM
@raul thanks! So I see it is all showing now, but on my 5S the form is floating all the way to the right edge of the screen. I've tried a number of tweaks in the CSS but nothing seems to be helping.... Glad to know it looks ok on the 6 though! :)
-
CharlieReplied on May 12, 2015 at 12:11 AM
Hi,
It seems like it's the CSS style design for the element #contactform. It floats to the left, which makes the left margin of the form not adjust and only the right side.
You can try removing the "float: left;" depending on the media screen size.
@media and screen (max-width: 450px) {
float: none !important;
margin: auto;
}
But this should be add in your Wordpress site not in the form.
I hope this helps.
Thank you.
-
tfdesignsReplied on May 13, 2015 at 11:14 AM
Thanks @Charlie! Looks great when I rotate to landscape, but not in portrait...still stick to the right side :S. Not terrible...perhaps just means I need a phone upgrade LOL!
-
David JotForm Support ManagerReplied on May 13, 2015 at 11:53 AM
No terrible, but it is quite odd, cause it looks great in other devices:
I'll keep on testing to see If I figured this out.