Place the icon on the left of the select box


#1

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

2018-08-01_22-20-40


#2

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


#3

Working just fine, thank you Ray.