Place the icon on the left of the select box

On a website I am working on I’d like to have the icon on the left of the select box not on the top. I tried several ways around but couldn’t find one. The website is here


You should be able to do that with display:inline-block on both the <svg> and the <select>

Then you can use vertical-align to line them up as you desire.

Your select has a class of .form-control on it with a width of 100%. You’ll need to adjust that to allow room for the svg to sit next to it.

You will have some boots trap overrides to contend with. That .form-control class is also set to display:block


Working just fine, thank you Ray.


This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.