-
ZMARSDESIGNSAsked on May 14, 2014 at 4:04 PM
I've had alot of customers contact me about not being able to fill out the form on my wix site when they are going on their mobile devices. I thought I seen something that I was supppose to do to make it to where it would be phone compatable but I cant remember what it was. I need my customers to be able to fill out form from either a computer or a phone with out being booted off the entire t-shirt order form. HELP!
-
Jeanette JotForm SupportReplied on May 14, 2014 at 6:50 PM
We do recommend to use the iFrame code to embed forms on Wix sites
We also do recommend to add this code in your HTML page, before the </head> tag.
<style>
iframe, iframe#JotFormIFrame { height:500px !important; }
</style>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
Then add this code in your form styles (use this guide)
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (max-device-width: 320px)
and (max-device-width : 100%) {
iframe, .form-all {
width: 100%!important;
height:500px !important; } }That should help your mobile users to see the form correctly, you can adjust the height to 550 px, if it's still not seen correctly.