How do i remove the search icon?

Go to Enfold theme options -> Main Menu -> General and uncheck “Append search icon to main menu”

John

Hello.

Sorry that I have to revive this quite old corpse but unfortunately the simple unchecking of “Append search icon to main menu” had no effect and the search icon was still present left from my main menu.
I got rid of it by the CSS I found in this thread but is there any clue, why the checkbox didn’t do its thing?
Also the CSS didn’t work if used in the Quick-CSS-Section. I had to paste is inside my style.css to get it done.

Thanks for any ideas.

Hello Ismael,

thank you for your quick response and sorry that it took me two days to respond. This time I’ll check the “Notify me…”-Box.

Actualy there is no page left on my Website that still has the search-icon present.

As mentioned implementing

#menu-item-search {
display: none;
}

into my style.css-file worked well.

To your Question – nope, i didn’t changed anything on the File Compression settings neither before or after adding the Code to the Quick-CSS-Box. It was activated as it is by default.

Best regards

Hey Victoria,

the problem is solved. Thank you for asking.

It was merely just for better understanding of the Quick-CSS-Box and the system behind the checkbox “Append search icon to main menu” and why it, in my case, won’t work without implementing custom CSS.

I guess the activated compression could be a reason why the CSS didn’t work using the Quick-CSS option. If I got some more time I will try to rebiuld my process and start all over again with first deactivating the compression an reactivating it after im done with the CSS.

Best regards,
Heiko

menu-item-search {
display: none;
}

This works on desktop version but the search icon is still visible on mobile devices.
Can you offer a fix pls?

Perfect. Thank you.

Tried to add in “addtional CSS in theme didn’t work. Where is “quick css located? Thank you.