#2807
Vinod Dalvi
Keymaster
  • Topics: 0
  • Replies: 267

I hope you are well today and thank you for your question.

This is because the Summit Flooring Responsive theme that you are using on your site uses image to display magnifier icon image so you have to replace it with another magnifier icon image having white color.

You can achieve this by adding the below CSS code in the Custom CSS option of Add Search To Menu plugin settings on the path Settings -> Add Search To Menu

.nav-menu li.astm-search-menu input.search-field {
    background-image: url('https://www.rrtrainers.com/wp-content/uploads/magnifying-glass-white.png');
    background-size: 100%;
}
#page .nav-menu li.astm-search-menu input.search-field:focus {
    background-image: url('http://www.summit-flooring.com/wp-content/themes/summit-resp/images/search-icon.png');
    background-size: 24px 24px;
}

Please change the image URL https://www.rrtrainers.com/wp-content/uploads/magnifying-glass-white.png in the above code to whatever you want to set.

Best regards,
Vinod Dalvi