How to Hide Search Icon in Divi Mobile Menu with CSS

How to Hide Divi Menu Search Icon on Mobile only

Here is a simple CSS snippet to achieve that:

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

This code can be added to the style.css file in your child theme or you can add it as Additional CSS in Theme Customizer.

How to Hide Divi Menu Search Icon on Desktop only

Use this CSS snippet:

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

How to Hide Divi Menu Search Icon on both Desktop and Mobile only

To achieve this remove the responsive media query from the CSS snippet above so that it looks like this:

#et_top_search { display:none; }