Removing Search from header

As so many others have done, I too want to remove the search icon from the top menu (header). I found code that you provided on other threads:

#site-navigation .search {
display: none;

But, this makes the header grow in height, as if a blank line or a break <br> was was put there.
Is there a way to remove the search icon without increasing the size of the header?

Thank you.

Hey there

Please always include link to the page in your question

I’ve recently added a graphical icon, but the problem occurred when it was just the text name of the site.

Thank you,

Hello Terry

try to add this code:

.module.widget-handle {
display: none;

Yes, this works better. Thank you.

:)I will close this case now, Feel free to contact us again if you have other questions