Search icon color sticky menu bar

FSCJansen

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

FSCJansen

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

FSCJansen

Thanks a lot for your support.