How can I get my form size to match my mobile website page the same as when you launch a form?

  • sbastians
    Asked on June 18, 2020 at 3:37 AM
  • Ashwin JotForm Support
    Replied on June 18, 2020 at 6:37 AM

    Do you want to display the form in the same mobile size on laptop as well? You need to reduce the width of the form. Please check the screenshot below:

    1592476264formWidth Screenshot 10

    After changing the width of the form, if you want the fields also to be displayed in full width, please inject the following custom CSS code in your form:

    .form-label {

        width: 150px !important;

    }

    .form-input, .form-textbox {

        width: 100% !important;

        max-width: none !important;

    }

    The following guide should help you how to inject custom CSS code in form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Do get back to us if you have any questions.