how to hide Divi modules on mobile

** UPDATE DIVI 2.6 – You can now select to disable a module for either desktop, tablet or mobile via the module settings. Just right click on the section, row or module and select disable, or select the checkboxes within the settings.. **

This old code for hising Divi modules on mobile is no longer needed

If you want to hide any of your Divi modules on mobile devices, you can use this quicktip shared on the Divi Nation podcast (This is episode 7 with Andrew Palmer).

All you need to do is go to your Divi theme options and scroll down to the custom CSS box and add the following code;

@media screen and (max-width: 960px) {
.hide-mobile {display: none!important;}

Next, you just have to add the class to any Divi modules that you want to hide on mobile by opening the module and in the CSS Class add hide-mobile

That’s it! Watch the video below from Divi Nation to see these steps in action.

Elegant Themes' Black Friday/Cyber Monday sale is still on if you want 25% discount! Dismiss

Pin It on Pinterest

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.