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

  • Profile Image
    mysizeclothes
    Asked on February 05, 2016 at 09: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.

     

     

  • Profile Image
    Mike_G
    Answered on February 06, 2016 at 01: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

  • Profile Image
    mysizeclothes
    Answered on February 06, 2016 at 06: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 ?

  • Profile Image
    BDAVID
    Answered on February 06, 2016 at 05: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.