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

  • Profile Image
    bsccp01
    Asked on August 14, 2019 at 06: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.



  • Profile Image
    EltonCris
    Answered on August 14, 2019 at 09: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:

    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.