Drop down fields same size

  • prowrestlingtees
    Asked on April 29, 2016 at 1:22 PM

    I currently have this form and I want to make the second drop down the same width as the first

     

    https://form.jotform.com/61175259404152

     

    I'm using the full source code for my embed so that would help as well. Thank you

  • KadeJM
    Replied on April 29, 2016 at 3:32 PM

    Okay, I think I see what you mean where the second dropdown is not the same size as the first.

    Drop down fields same size Image 1 Screenshot 30

    To Fix this problem just add in this extra line of injected css code which will even both those fields out to match the same size each.

    #input_7, #input_9 {

        width : 265px !important;

    }

     

    Updated Version of your Form:   https://form.jotform.com/61195760855969   [CLONE ME!]

     

    Final Result: 

    Drop down fields same size Image 2 Screenshot 41

  • prowrestlingtees
    Replied on April 29, 2016 at 4:00 PM

    That works for desktop. Now the only issue on mobile is that those boxes are way too big. Overlapping some other elements on my page. How can I resize those?

  • KadeJM
    Replied on April 29, 2016 at 4:34 PM

    Okay, yes I see what you mean and thank you for the notice about that.

    Please allow us some time to look into this a bit more to see what we can come up with to help correct this problem and we'll update again as soon as we can.

  • prowrestlingtees
    Replied on April 29, 2016 at 4:35 PM

    Thank you so much