my form looks different in a mobile browser than on a pc.

  • Profile Image
    rdllama7
    Asked on November 27, 2013 at 03:48 AM

    The form looks disaligned, messy on my iphone browser but looks great on my computer.

    Any way to fix this?

  • Profile Image
    pinoytech
    Answered on November 27, 2013 at 11:36 AM

    Hi,

    Inject this custom css into your form in order to fixed the issue.

    @media only screen

    and (min-device-width : 320px)

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

    .form-all {

    width: 480px !important;

    }

    .form-textbox {

    margin-left: 90px !important;

    margin-top: -45px !important;

    position: absolute;

    }

    }

    Here's the guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    If you need further assistance, please feel free to contact us at anytime.

  • Profile Image
    rdllama7
    Answered on November 27, 2013 at 03:19 PM

    Thanks! This worked almost totally..not 100% the text is still unaligned but it

    is centered on my page.

  • Profile Image
    pinoytech
    Answered on November 27, 2013 at 03:32 PM

    Hi,

    I've check your website again but I couldn't find the form anymore. Can you please embed it again for further assistance?

    Thanks,

  • Profile Image
    rdllama7
    Answered on November 27, 2013 at 03:55 PM

    HI, sorry. It's up again if you want to take a look at it.

  • Profile Image
    rdllama7
    Answered on November 27, 2013 at 04:00 PM

    It also seems a little long and bulky in the iphone browser.

    Any way to solve this as well?

  • Profile Image
    pinoytech
    Answered on November 27, 2013 at 04:25 PM

    Hi,

    I've update the code and injected into your form. Can you please take a look at your website now?

    Thanks,

  • Profile Image
    rdllama7
    Answered on November 27, 2013 at 04:46 PM

    It's fixed! It's looks great! Thank you!