I cannot get the form to look right on mobile phones

  • Gobooth
    Asked on September 13, 2017 at 6:55 PM

    Hi Guys, 

     

    I need your help.

    I spent countless hours creating a form, and I'm ready to make it live on my site... but I can't get it to look right on mobile phones.

    First of all, I'm using WIX.

    Wix has a mobile editor.. and the form just doesn't comply, everything is squished together.. making it look ugly/unusable... what are the recommendations for mobile use?

    Jotform Thread 1247136 Screenshot
  • Welvin Support Team Lead
    Replied on September 13, 2017 at 8:31 PM

    You seem to be using the browser emulator to view the form on a mobile device. While we also use it, it is sometimes inconsistent and unreliable. I would suggest viewing your form on a real device. 

    I've viewed the form on Android A7 and iPhone 6+, the form is showing up correctly, being responsive. Here are screenshots:

    I cannot get the form to look right on mobile phones Image 1 Screenshot 30

     

    I cannot get the form to look right on mobile phones Image 2 Screenshot 41

  • Gobooth
    Replied on September 14, 2017 at 9:43 PM
    Hi
    Some items aren't showing up right
    The first thing I see if the telephone number
    You can fit all 10 numbers - why? How can I fix it?
    Try filling out the form... As soon as you select one of the pictures, I
    get "stuck" I can't scroll down anymore, it gets stuck at the oicturee...
    ...
  • Gobooth
    Replied on September 14, 2017 at 10:43 PM
    To get unstuck, in need to pinch to zoom out a few timee..
    Also, the pictures don't resize
    Some are too large. And they don't fit on screen.

    iPhone 7 btw... Not a +
    ...
  • Charlie
    Replied on September 15, 2017 at 2:57 AM

    Hi,

    Regarding your concerns, below are my observations:

    "Some items aren't showing up right"

    Could you please elaborate on this? What items are not showing up?

     

    "You can fit all 10 numbers - why? How can I fix it?"

    The "Phone Number" field in your form has the "Input Mask" option enabled, which restricts the number of characters entered. 

    I cannot get the form to look right on mobile phones Image 1 Screenshot 50

     

     

    "Try filling out the form... As soon as you select one of the pictures, I

    get "stuck" I can't scroll down anymore, it gets stuck at the pictures..."

    This is most likely related to the focus on the touch, if you are touching inside the widget, then it seems like won't scroll directly on the main page. This may depend on different factors like your Wix theme current setup, a plugin, or the way how the form is embedded.

    To fix this, try re-embedding the form in different ways. 

    1. First

    I cannot get the form to look right on mobile phones Image 2 Screenshot 61

     

    2. Now if you will embed using a code, then use the iFrame embed code and paste it here. 

    I cannot get the form to look right on mobile phones Image 3 Screenshot 72

     

    3. If you will be using the "Website Address" option, then paste your form's direct link there. 

    I cannot get the form to look right on mobile phones Image 4 Screenshot 83

     

    For the issue regarding the images not resizing or showing up, I opened a separate thread for it as it seems to be related to the Image Picker widget. Please refer to this link instead: https://www.jotform.com/answers/1248485. We will address it shortly.

    Apologies for the inconvenience.