How can i let my form work on a tablet?

  • Profile Image
    lampllehen
    Asked on February 10, 2014 at 08:16 AM

    Hello, i created a booking form for our small hotel which works perfectly on a pc. But if you want to open it on a tablet or smartphone just the half form appears so you cant send a request.

    Can you help me please?

     

    Best regards

    David

  • Profile Image
    pinoytech
    Answered on February 10, 2014 at 10:06 AM

    Hi David,

    Can you please try to inject this custom css into your form to fix the issue?

    /* Smartphones (portrait and landscape) ----------- */

    @media only screen

    and (min-device-width : 320px)

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

    .form-all {

    height: 1438px !important;

    }

    .form-line {

    padding-top: 0px !important;

    padding-bottom: 0px !important;

    }

    .form-label-left {

    width: 300px !important

    }

    }

    /* iPads (portrait and landscape) ----------- */

    @media only screen

    and (min-device-width : 768px)

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

    .form-all {

    height: 1438px !important;

    }

    .form-line {

    padding-top: 0px !important;

    padding-bottom: 0px !important;

    }

    .form-label-left {

    width: 300px !important

    }

    }

    Feel free to contact us again if you need further assistance.

  • Profile Image
    lampllehen
    Answered on February 11, 2014 at 08:12 AM

    Thank you very much!

  • Profile Image
    pinoytech
    Answered on February 11, 2014 at 09:52 AM

    It's my pleasure David! If you need our assistance again, please feel free to contact us at anytime.

    Have a nice day!