Place the icon on the left of the select box

[Corobori]

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

[Ray.H]

@Corobori

I’d like to have the icon on the left of the select box not on the top

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.

EDIT:
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

[Corobori]

Working just fine, thank you Ray.