Make form mobile responsive on portrait mode

  • beatsahead
    Asked on February 3, 2016 at 7:02 AM

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

     

    Page URL: https://form.jotformeu.com/60315810197351
  • Elton Support Team Lead
    Replied on February 3, 2016 at 10:31 AM

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

    Make form mobile responsive on portrait mode Image 1 Screenshot 30

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

    Make form mobile responsive on portrait mode Image 2 Screenshot 41

    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.