Header Search Icon Colors and Size

Ever have problems setting the color for the header search icons?


Normally, search box setting are in Customizer > Header > Menu > Search Icon. However, the icon colors need a little bit of css. Try the following and change the colors to your preference. You can change the size as well but going too large may break your menu height adjustments.

#site-header i.icon-magnifier {
    color: #fff; font-size:120%; font-weight:bold;
#site-header i.icon-magnifier:hover {
    color: #ffff19;

Source: Auto Draft