Form does not look ok on mobile

  • aarboleda
    Asked on June 5, 2016 at 8:54 AM

    Hello

    I created this form and it looks and works fine on a PC, but on an Iphone the user won't even be able to use it.

     

    http://www.prakti.co/comprar/

    Attached is in Iphone screenshot of this form

     

    How can I fix this ?

     

     

    Jotform Thread 854012 Screenshot
  • liyam
    Replied on June 5, 2016 at 10:00 AM

    Hello aarboleda,

    What I observed with your webpage is that your form is responsive ready, however your web page container handling the form is not. For this reason, upon viewing the form on a mobile device, the text box fields are stretched to 100%.

    My recommendation on this is you make a responsive design on your webpage.

    Another option: You can remove the media screen CSS codes on your form. (not ideal since it will look not prepared for mobile devices). However, if you wish to pursue with this, you can edit your form on the form builder, but visit the form builder with the &old parameter added.

    Example: https://www.jotform.com/?formID=61533781236961&old

    Next is Click Preferences > Form Styles > Inject CSS

    Remove from the CSS codes all that use the media screen and save your form. 

    Once done, save your form.

    Feel free to let us know if you have further questions or concerns, or if you are in need of assistance.

    Thanks.

  • aarboleda
    Replied on June 5, 2016 at 1:35 PM

    I understand, but why don't you look at this other form and try to see why this one looks fine. What is different that makes it look ok on my site ?

     

    http://www.prakti.co/contacto/4592202740

     

     

  • David JotForm Support Manager
    Replied on June 5, 2016 at 2:00 PM

    Please try adding the mobile responsive widget to your form:

    Form does not look ok on mobile Image 1 Screenshot 30

    This should solve the problem:

    Form does not look ok on mobile Image 2 Screenshot 41

    Let us know if you need more help, we will be glad to assist you.