Form not responsive on iphone

Hey guys,

iPhone users are having trouble filling out a responsive form embedded on my Wix site. It keeps scrolling strangely and jumping back up to the top of the page. We do not encounter this issue on Android devices or desktop. Wix says they can't help us with embedded objects. Do you have any insight?

Thanks,

Ginger

I am not having an iphone with me to check on this issue. However, I'm checking the issue through the simulator from Browserstack. Please allow me some time to check on this and get back to you with relevant information.

Thank you for your patience.

Thank you for being patient. As I research, I see that there are a few issues with iframe embedded objects particularly on iphones. I've played around using different methods like embedding using direct JotForm URL, using hosted HTML file with source code, etc. The issue seems to be with the signature widget which is loading in iframe not to display the form correctly on iphone.

With the help of this thread I was able to make the signature widget responsive on iframe by injecting the following CSS code.

#customFieldFrame_24 {

width: 1px !important;

        min-width: 100%;

}

Please take a look at the demo wix webpage below :

http://kiranjotform.wix.com/jotformtest#!jotform/c221c

It seems to be working fine while testing on the simulator.

Hope this information helps. Please get back to us if you need any further assistance. We will be happy to help.

Thank you so much for following up! One further question: Where do you inject the CSS? In the form builder?

Thanks,

Ginger

Yes. You can inject the CSS code to the form by following the guide below :

http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

Thank you!