How do I delete the "search" magnifying glass next to the top menu?

Shapely
1

Hello,

I would like to delete the “search” magnifying glass next to the top menu?

Thank you!

2

Hello there,

I hope you are doing well today.

You can use the following CSS code to remove the search icon by going to Appearance > Customize > Additional CSS and pasting it there.

/*Remove search icon*/
.search {
    display: none;
}

Best Regards,
Support

3

You are the best! Done!
Thank you so much!

4

oooppsss,
I deleted the icon but when I put the mouse over the area where the icon used to be
there is a pop up search box that covers part of my menu.
How do I get rid of that?

Thank you!

5

Hello there,

Thanks for the update.

Please try removing the previous CSS code and using this one instead:

/*Remove search Icon and hover effect*/
.module.widget-handle.search-widget-handle.left.hidden-xs.hidden-sm.toggle-search {
    display: none;
    pointer-events: none;
}

Best Regards,
Support

6

Hello,

no, unfortunately it is not working. Now I have both the magnifying glass and the search box.

Thank you!

Alessandra

7

Hey there,

KIndly send the URL to your website so I can take a look at it for you.

Best regards,
Support.

8

Hello!

Here it is
hlingo.net

Let me know if you need the wp login info.

Thank you!

Alessandra

9

Hi Alessandra,

The site you gave hlingo.net open some page http://take.ms/6jc9q can you give the real website address, if that needs login to view the site, please pass us the login details in a private reply.

Let us know,

Thanks,
laranz.

10

Hi, any other way you can remove the magnifying glass from the menu bar? The Code in CSS is not working for me.

11

Let me see your website, please provide URL and I will check it