How to make drop down the same size?

Hi,

When I change a product it changes the size of the drop down.

How do I make them the same size (width) so the form is straight and aligned?

Thanks

Hi,

Could you try to input this in your Custom CSS field:

.form-dropdown {

    width : 330px;

}

#cid_13 {

    width : auto !important;

}

#cid_13 span.form-product-item {

    width : 420px;

}

That should adjust your drop-downs, please let us know if you need further assistance.

Is there a way to make them the same size as the first one? Because when you stretch the drop down menus that wide it is not mobile responsive.

I'm assuming that you are referring to this form: http://www.jotformpro.com/form/61052945341956

You can use this code instead: 

.form-dropdown {

    width : 150px;

}

#cid_13 {

   width : auto !important;

}

#cid_13 span.form-product-item {

    width : 255px;

}

That will make your drop-downs shorter:

Also, your form should be mobile responsive by default, but anyway, please check this option under Designer menu:

Hope it helps.

Please let me know if you have any further questions.