the form looks good in desktop and iPad but not on iPhone

  • mysizeclothes
    Asked on February 5, 2016 at 9:43 PM

    My Form looks good in desktop and iPad but in iPhone the image looks like it is right aligned.

     

    https://form.jotform.com/60358217164151

    But in the preview it looks ok.

     

     

    Jotform Thread 766029 Screenshot
  • Mike_G JotForm Support
    Replied on February 6, 2016 at 1:02 AM

    Try adding this CSS codes, 

    @media only screen

    and (min-device-width : 414px)

    and (max-device-width : 736px) {

    .form-all {

    width: 630px !important;}

    }

    @media only screen

    and (min-device-width : 375px)

    and (max-device-width : 667px) {

    .form-all {

    width: 630px !important;}

    }

     

    to your form with the help of this guide, How-to-Inject-Custom-CSS-Codes

  • mysizeclothes
    Replied on February 6, 2016 at 6:28 AM

    thx. it works. 

    One more issue is the width of the form field is based on the length of the label.

    Like , "Bust" has small form field but "Shoulder to Waist" has longer even though the mask and length of the data field is same . Is there a way to control the width of the field to be same ?

    the form looks good in desktop and iPad but not on iPhone Image 1 Screenshot 20

  • David JotForm Support Manager
    Replied on February 6, 2016 at 5:05 PM

    On behalf of my colleague, you are welcome! On regards of your new question, it will be addressed here: http://www.jotform.com/answers/766195

    If you need anything else please open a new thread, we will be glad to assist you.