Form is mobile responsive on Android phones but not on Iphones

  • Profile Image
    cmkulas
    Asked on November 14, 2016 at 04:40 PM

    Included the mobile responsive widget in the form. Works great on Android.  Not so great on an IPhone.

  • Profile Image
    Mike
    Answered on November 14, 2016 at 08:10 PM

    Could you please do a quick test with remove Calculator widget field?

    Please let us know how it goes.

  • Profile Image
    cmkulas
    Answered on November 15, 2016 at 01:27 PM

    I removed the calculator widget and it did not make any difference on the Iphone view.  Any thoughts?

  • Profile Image
    KadeJM
    Answered on November 15, 2016 at 02:40 PM

    I've taken a deeper look into this issue for you using my iPhone 6 on iOS 10 in Mobile Safari and what I found is that the form itself is mobile responsive as it should be displayed on mobile devices.

    However, when embedded on your website it's notable that the form is attempting to be mobile responsive but isn't and get's cut off unless you refresh the page which leads me to believe that something in your site is blocking the mobile functionality of the form from working properly.

    It appears you've embedded your form within an iframe using the scripted method upon looking at it so I would suggest trying out replacing it with just the iframe method to see if that helps at all and if not then we can try other options.

    Alternatively, it's possible to try to manually correct it via our form designer or injected css targeting mobile devices but, this may take some time to make any appropriate corrections so that it displays right if you wanna give that a try.

     

    Form by Itself on my iPhone 6:

     

    Embedded Form on your Webpage on my iPhone 6:

     

    Refreshing the Embedded Form on your Webpage on my iPhone 6: