How Can I make my form work on mobile phones?

  • Profile Image
    indigosilver
    Asked on August 21, 2014 at 02:20 PM

    I can't seem to get my form to display on my phone?  I've tried the mobile responsive widget with no luck.  Any help is appreciated

     

  • Profile Image
    david
    Answered on August 21, 2014 at 03:16 PM

    Hi,

    If the widget does not work for you, you can try forcing the mobile responsiveness with CSS:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    And adding this code:

    @media only screen

    and (min-device-width : 320px)

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

    .form-all {

    width: 320px !important;

    }

    .form-line {

    padding-top: 0px !important;

    padding-bottom: 0px !important;

    padding-left: 3px !important;

    }

    img.form-image {

    max-width: 100% !important;

    height: auto !important;

    }

    #id_1.form-line {

    padding-left: 36px !important;

    padding-right: 36px !important;

    }

    }

    If this still does not work, please let us know and we will be happy to see what else we can do.

    Thank you for using JotForm!