Remove Search Icon form Main Menu

Hi,

I would like to completely remove\disable the search icon (magnifying glass) in the Main Menu. Not only do I need all the space, I have a better search widget that i’d like to use in my sidebar.

Can you tell me how to elegantly (update proof) remove the default search icon from the menu bar?

And could you implement this simple option into a future release of the theme? I can imagine more users might want this, probably because of the same reasons I do.

My website: http://techplanet.nl/

Thank you 🙂

Hi,

I Think I saw some other people asking the same question. The answer was that they had to edit PHP files themselves. Surely there is a more elegant way, that also holds when the theme is updated?

Nobody wants to keep editting PHP files after every update.

So please, tell me how to do this elegantly and update proof. And implement this Search Icon on/off in the admin backend please.

Hope to hear from you asap

Hi,

This can be done by adding custom CSS in the Theme Panel, like this:

.header-search-wrap {
display: none;
}

Thank’s for your question,

Hi Radu,

Wow! That was easy, and update proof 🙂

Now how do I make my last Main Menu entry use this free space?
Just take a look on my website (www.techplanet.nl) and you will see what I mean. The last entry called Forum should fit on the place where the magnifying glass used to be.

Can this also be solved using custom CSS, and therefore be update proof?

Thanks

Thanks for this tip,i was wondering how to removed mine as well i really don’t like where the search is located because it don’t look good on mobile phones…

Hi Radu,

Still waiting for your solution on how to fill the unused space formerly occupied by the Search Icon.

See screenshot here: http://goo.gl/2DI0iV

Thank you.

Hi Emil,

Lowering the font size is no option for me, that option does no good to the layout and looks of the website.

So I will go for option number 2, completely removing the search icon spot.
I presume this option is not update proof? I have to edit the PHP files EVERY time after an update?

If so, PLEASE implement the search icon spot ON/OF switch in the theme admin panel in a future update of the theme. Many people will thank you guys for this I am sure.

Thanks

Ehmmm..ok. 🙁

Your option nr2 introduces a new error. It screws up my logo!
Check here: http://goo.gl/R1TKQ5

Please inform me on how to completely remove the search icon spot without screwing up the logo? 🙂

Thank you…

Awaiting your answer

Hi there I’m also following this 🙂 Especially as the search button doesn’t actually do anything? It just adds a # to the url and nothing happens. I’d love to get rid of it completely too.

Thanks

Hi Emma,

Good to hear I have a supporter 🙂

Now let’s hope they respond and fix it elegantly and efficiently.

Andre

Hi Emil,

Could you not simply send me the menu-header.php file that should do the trick?

I followed these instruction to the letter:
http://screencast.com/t/jCgKv7UP, http://screencast.com/t/JsewTTwhW

So a screenshot of the php-file would also show these modifications.

Hope to receive the correct menu-header.php that A) deletes the search icon and B) makes the free space available for the main menu, C) without screwing up the logo.

Thank you,

Done

This custom CSS does the trick (and is update proof).

.sf-menu li a {padding-left: 0px !important;}

I put mine at 9 px and looks good!

Hope this works for you as well Emma!

It would be really great if you would allow users to Enable or Disable the Search element 🙂