What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    I have the form installed in WordPress.. With a script try running it on safari iPhone it will not load the question correctly

    Asked by 2adorable on April 11, 2017 at 01:48 AM

    Check out my site www.durhamautomall.com

    I have the form installed in WordPress.. With a script try running it on safari iPhone it will not load the question correctly.. 

    Should I use iframe or jotform plugin for WordPress? 

  • Profile Image
    JotForm Support

    Answered by Chriistian on April 11, 2017 at 02:01 AM

    I checked your form (https://form.jotformpro.com/70980445129965) embedded on the site you have provided (www.durhamautomall.com)  on safari iPhone and I was able to see the issue.

    For embedding the form in Wordpress site, please try using the JotForm plugin and see if this helps to solve the issue.

    Please take a look at this guide: A guide to forms for WordPress users.

    Regards.

  • Profile Image

    Answered by 2adorable on April 11, 2017 at 04:47 AM

    didnt change anything

  • Profile Image
    JotForm Support

    Answered by Nik_C on April 11, 2017 at 05:18 AM

    Could you please try embedding with regular iFrame code:

    <iframe id="JotFormIFrame-70980445129965" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotformpro.com/70980445129965" frameborder="0" style="width:100%; height:539px; border:none;" scrolling="no"> </iframe>

    Let us know if that worked.

    Thank you!

  • Profile Image

    Answered by 2adorable on April 11, 2017 at 09:12 AM

    Now it's even worse than before. The full question is not showing. 

    Looking fine on desktop screen though. This screen shot is on Android in chrome nexus 6p

  • Profile Image

    Answered by 2adorable on April 11, 2017 at 10:00 AM

    Even after significantly decreasing the size it's still the same result. Using iframe. 

    I will try with script 

    And embed code also but I'm sure end result will be the same. 

  • Profile Image

    Answered by 2adorable on April 11, 2017 at 10:06 AM

    Tried it with script and embed codes same result. Is there anything that can be done here. 

  • Profile Image

    Answered by 2adorable on April 11, 2017 at 10:20 AM

  • Profile Image

    Answered by 2adorable on April 11, 2017 at 10:21 AM

    Works on iPhone chrome browser but not on Android chrome. Doesn't work on safari browser on iPhone. Frustrating!

  • Profile Image
    JotForm Support

    Answered by Nik_C on April 11, 2017 at 11:58 AM

    Let me check this more and I'll get back to you as soon as possible.

    Thank you!

  • Profile Image

    Answered by 2adorable on April 11, 2017 at 05:11 PM

    any updates

  • Profile Image
    JotForm Support

    Answered by Nik_C on April 11, 2017 at 05:35 PM

    Thank you for your patience.

    Please copy and paste the below CSS code in your Custom CSS field:

    @media only screen 

    and (min-device-width : 414px) 

    and (max-device-width : 736px) { 

      #radiosContainer {

        width: 320px!important;

        margin-left: -7%!important;

    }

      .form-pagebreak-next-container {

        width: 183px!important;

    }

    }

     

    @media only screen 

    and (min-device-width : 320px) 

    and (max-device-width : 568px) { 

    #radiosContainer {

        width: 320px!important;

        margin-left: -7%!important;

    }

      .form-pagebreak-next-container {

        width: 183px!important;

    }

    }

    I tested on several devices and it worked the same on all, iPhone 5, 6, 6s, Galaxy Note 3.

    Here is the screenshot from my Android phone:

    Please let us know how it worked.

    Thank you!

  • Profile Image

    Answered by 2adorable on April 11, 2017 at 05:53 PM

    am i pasting this code in the css for the whole form or just the question it self. and do i remove the current css code that i have in the question it self? 

     

    and thank you for your help

  • Profile Image
    JotForm Support

    Answered by Chriistian on April 11, 2017 at 07:02 PM

    Hi there,

    I think you can add the CSS provided by my colleague and apply it to your whole form without removing the current CSS.

    Let us know it goes.

  • Profile Image

    Answered by 2adorable on April 12, 2017 at 03:26 AM

    ok thanks it worked!!!