How to make the boxes all stay the same length?

  • mochiiscream
    Asked on September 1, 2016 at 5:23 AM
    Lastly, for the blue form that you made a couple days ago. how can we make it so that the boxes all stay the same length? I tried changing the size of each field to the same, but it still shows up uneven field on mobile. please advise. 
  • Chriistian Jotform Support
    Replied on September 1, 2016 at 5:33 AM

    I injected the custom CSS code below to the form to make all the boxes have the same length on mobile. Here's the link to the form where I have injected the code: https://form.jotform.com/62442137906960. You can clone it to your account by following this guide: How to Clone an Existing Form from a URL.

    @media screen and (max-width: 480px){

    .form-line {

        width: 100% !important;

    }

    }

    How to make the boxes all stay the same length? Image 1 Screenshot 20

    Please let us know if you need further assistance.
    Cheers.

  • mochiiscream
    Replied on September 1, 2016 at 4:28 PM

    Are there anyway to make changes to the current one we made already?

  • Mike
    Replied on September 1, 2016 at 9:11 PM

    Yes, you will need to inject Chriistian's CSS to your form, see the next guide.

    How to Inject Custom CSS Codes