Drop down fields same size

  • Profile Image
    prowrestlingtees
    Asked on April 29, 2016 at 01: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

  • Profile Image
    KadeJM
    Answered on April 29, 2016 at 03:32 PM

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

    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: 

  • Profile Image
    prowrestlingtees
    Answered on April 29, 2016 at 04: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?

  • Profile Image
    KadeJM
    Answered on April 29, 2016 at 04: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.

  • Profile Image
    prowrestlingtees
    Answered on April 29, 2016 at 04:35 PM

    Thank you so much