Users having issues filling out form on wix site via phone.

  • Profile Image
    ZMARSDESIGNS
    Asked on May 14, 2014 at 04: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!

  • Profile Image
    Jeanette
    Answered on May 14, 2014 at 06: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.