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

  • Profile Image
    2adorable
    Asked 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
    Chriistian
    Answered 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
    2adorable
    Answered on April 11, 2017 at 04:47 AM

    didnt change anything

  • Profile Image
    Nik_C
    Answered 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
    2adorable
    Answered 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
    2adorable
    Answered 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
    2adorable
    Answered 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
    2adorable
    Answered on April 11, 2017 at 10:20 AM

  • Profile Image
    2adorable
    Answered 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
    Nik_C
    Answered 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
    2adorable
    Answered on April 11, 2017 at 05:11 PM

    any updates

  • Profile Image
    Nik_C
    Answered 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
    2adorable
    Answered 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
    Chriistian
    Answered 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
    2adorable
    Answered on April 12, 2017 at 03:26 AM

    ok thanks it worked!!!