Search icon color sticky menu bar

FSCJansen · December 2019

Dear all,

Please have a look at https://bloxpensioenen.nl/contact/ or https://bloxpensioenen.nl/voor-wie/. As you can see I have included a search icon on my website in the menu bar. This bar will stick to the top when scrolling. The background color also changes to white and the color of the menu items changes to black to keep the contrast. The exception is the search icon. When scrolling down it remains white and so it is almost invissible. How can I make it turn black as well, like the other menu items.
Thanks for your help.

Pablo · December 2019

Hello,

You provided custom css code for that element.

After removing it, it works fine - the icon changes the color properly.

You should look for it in the wordpress customizer.

Thanks

FSCJansen · January 2020

Hi Pablo,

I did remove the custom css, but now the icon is always black. I would like the initial color, when opening a page, to be white, just as the other menu items. when scrolling down on the page it would be black (like it is now).
Can you support me here?

Pablo · January 2020

In this case, you have to use the CSS code.

Paste that code below into the Theme Options > Custom CSS & JS > CSS

.icon-search-fine{
	color:#009cd8;
}

#Top_bar.is-sticky .icon-search-fine{
	color:black !important;
}

Thanks

FSCJansen · January 2020

Thanks a lot for your support.

Search icon color sticky menu bar

Comments