Improving form mobile layout

  • Profile Image
    jmerhaut
    Asked on February 01, 2017 at 01:47 PM

    I followed steps 1,2, & 3 above and I'm still having an issue in portrait view.

     

    https://form.jotform.com/jmerhaut/clean-amp-lean-2017



    This is a re-post of a comment on Deprecated: How to make mobile friendly forms on JotForm

  • Profile Image
    jmerhaut
    Answered on February 01, 2017 at 02:29 PM
  • Profile Image
    Mike
    Answered on February 01, 2017 at 02:40 PM

    Please try adding the next CSS to your form in order to improve the mobile layout.

    @media only screen and (max-width: 40em) {
    .form-header-group img {
    width: 100%;
    }
    .header-logo {
    width: 100%;
    float: right;
    }
    }

    Thank you.

  • Profile Image
    jmerhaut
    Answered on February 01, 2017 at 02:46 PM

    Yes!! Thank you!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!