How can I make my form (job application) resize based on device?

  • bsccp01
    Asked on August 14, 2019 at 6:42 PM

    My form looks narrow on a computer, just right on a tablet, and too wide on my phone.  Is there a way that it will resize?  See the screenshot and how narrow it displays on my computer.



    Jotform Thread 1927426 Screenshot
  • Elton Support Team Lead
    Replied on August 14, 2019 at 9:18 PM

    You can inject this CSS code to your form so the form would expand on desktop based on its defined maximum width. You can change the maximum width value if you want to expand it more.

    .form-all {

        width: 100% !important;

        max-width: 1000px;

    }

    Guide: How to Inject Custom CSS Codes

    For the mobile, it should fit perfectly on the mobile screen. Example:

    How can I make my form (job application) resize based on device? Image 1 Screenshot 20

    If you want to reduce its width on mobile, you can append this CSS code. Just change the 90% width value to your preference.

    @media only screen and (max-device-width: 550px){

    .form-all {

       width: 90% !important;

    }

    }

    Let us know if you need further assistance.