Can't see entire form on iphone when viewing on my site

  • tfdesigns
    Asked 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

  • raul
    Replied on May 11, 2015 at 3:55 PM

    I've checked your site using an iPhone 6 and it looked correctly on my side.

    Cant see entire form on iphone when viewing on my site Image 1 Screenshot 20

    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.

  • hilakeville
    Replied on May 11, 2015 at 5:11 PM

    @Raul

    I kind of had a similar situation the other day when placing text into a text field. Part of it showed in the text box when published and the other part went off the screen w/o options to zoom. I too have an Iphone 6 and also tested it on a Galaxy Tab 2....Maybe it's the same problem?

  • raul
    Replied 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

  • tfdesigns
    Replied 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! :)

  • Charlie
    Replied 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.

  • tfdesigns
    Replied 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 Manager
    Replied on May 13, 2015 at 11:53 AM

    No terrible, but it is quite odd, cause it looks great in other devices:

    Cant see entire form on iphone when viewing on my site Image 1 Screenshot 20

    I'll keep on testing to see If I figured this out.