Make form mobile responsive on portrait mode

  • Profile Image
    beatsahead
    Asked on February 03, 2016 at 07:02 AM

    Can you tell me what css I would need to use to have this display portrait on iphone.

     

  • Profile Image
    EltonCris
    Answered on February 03, 2016 at 10:31 AM

    Your form appears to be displayed properly on mobile - portrait mode.

    Or do you want to expand the fields on mobile like this?

    If yes, inject this CSS codes to your form.

    @media screen and (max-width:480px){

    .form-section.page-section {

        padding: 0;

    }

    .form-textbox,

    .form-line{

    width: 100% !important;

    }

    [data-type="control_datetime"] .form-sub-label-container {

        width: 100% !important;

        margin-right: 0;

    }

    }

    Let us know if you need further help.