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

  • Profile Image
    sbastians
    Asked on June 18, 2020 at 03:37 AM
  • Profile Image
    ashwin_d
    Answered on June 18, 2020 at 06: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.gif

    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.