December 22, 2020

How To Hide The Search Icon On Divi Mobile Menu

What To Expect From This post:

1) The CSS code snippet that will hide the search icon on Divi mobile menu.

2) Where to add your CSS.

1) Where To Add The CSS

In the WordPress sidebar menu, navigate to:

Divi > Theme Options > Custom CSS (at the bottom of the GENERAL tab).

This is where we’ll paste the CSS code.

This is what the section looks like.

2) Paste the following code

@media only screen and ( max-width: 980px ) { #et_top_search { display:none; } }

Need A Website?

We specialize in designing highly professional websites for small to medium-sized businesses at an affordable cost.

Only pay us for the job once you are 100% satisfied with your new website.

We offer a lifetime after-sale support service for all of our customers.

3) Save

Once you’ve added the CSS code to your Custom CSS section, you can click save and that’s it!

Now you know how to hide the search icon on Divi mobile menu.

DIVI Tutorials

For more useful Divi tutorials just like this one, go check out our Blog page where you’ll find a whole bunch of awesome goodies, to help make your website friggen AWESOME!


Subscribe to our newsletter if you would like to join our mailing list where you will receive things like specials, giveaways, and news. Don’t worry, we will NEVER send you any spam.


Submit a Comment

Your email address will not be published. Required fields are marked *