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

  • Profile Image
    tfdesigns
    Asked on May 11, 2015 at 03: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

  • Profile Image
    raul
    Answered on May 11, 2015 at 03: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.

  • Profile Image
    hilakeville
    Answered on May 11, 2015 at 05: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?

  • Profile Image
    raul
    Answered on May 11, 2015 at 05: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

  • Profile Image
    tfdesigns
    Answered on May 11, 2015 at 07: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! :)

  • Profile Image
    Charlie
    Answered 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.

  • Profile Image
    tfdesigns
    Answered 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!

  • Profile Image
    BDAVID
    Answered 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.