limit select box width

Anonymous

#205231

hello, how to limit the option select box width?

i want to limit the option width within select box width

i’ve tried to limit the option width but no luck

Trevor

#205236

Are you able to send me a live link/URL to your search page so I can take a look?

Anonymous

#205794

This reply has been marked as private.

Trevor

#205808

The problem with what you ask is that the options will then be cut off (not visible on the right). The box is that wide because of the options. The alternative is to make the select box at the top wider.

Anonymous

#205926

yes you are right, i want to make the box following select box width. how?

Anonymous

#205930

i set the width on select box to make it responsive on mobile. that’s why i need to limit the width

Trevor

#205932

You want the options made narrow? This is not possible using CSS. As explained in this third party help page:

https://stackoverflow.com/questions/36676701/set-width-at-option-of-select-box

As an alternative, you could apply Select2 to the boxes (which would make them work better I think on mobile anyway). See this post for instructions:

https://support.searchandfilter.com/forums/topic/how-can-i-customize-the-form-with-css/#post-199584

Anonymous

#205951

i see, well thank you for your help. you can mark this as solved

[Author]

Posts