Why aren't the questions fluid and the full name field either

  • Profile Image
    Eidee
    Asked on April 08, 2018 at 10:40 AM

    Hello,

    When my form is shown on a smartphone in vertical position the questions don't automatically go to a next line to fit the screen. The full name field I used also shows jumping fields and doesn't nicely display the fields one beneath another.

    I expected the layout to adapt itself to the screen but even in your preview it's not.

    How do I solve this?

    Thank you for reading and answering my question.

    Michèle

  • Profile Image
    TREVON
    Answered on April 08, 2018 at 11:50 AM

    I am assuming you are referring to the form "http://www.jotformeu.com/form/73641868484369"

    I would recommend you replacing the following css code you have used:

    .form-label.form-label-top {

        width : 550px !important;

    }

    Inject the following CSS code to your form:

    .form-label.form-label-top {

        width : 100% !important;

    }

    Changing the above should fix the issue as shown in the demo form below:

    https://form.jotform.com/80974711616966

    Kindly test the above and feel free to clone and use the form