I cannot get the form to look right on mobile phones

  • Profile Image
    Gobooth
    Asked on September 13, 2017 at 06: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?

  • Profile Image
    Welvin
    Answered on September 13, 2017 at 08: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:

     

  • Profile Image
    Gobooth
    Answered on September 14, 2017 at 09: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...
    ...
  • Profile Image
    Gobooth
    Answered 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 +
    ...
  • Profile Image
    Charlie
    Answered on September 15, 2017 at 02: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. 

     

     

    "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

     

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

     

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

     

    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.