Dieser Beitrag ist überholt da diese Funktion mittlerweile in aktuellen Divi Versionen implementiert ist. Die Einstellungen zum verstecken von Modulen finden sich meist am Ende des Konfigurationsmenus. Für einige Elemente kann man besondere Regeln für verschiedene Geräte / Auflösungen festlegen. Diese Einstellungen kann man festlegen in dem man bei den Elementen die diese Funtion unterstützen auf das „[icon name=“tablet“ class=““ unprefixed_class=““]“ Icon rechts neben den Einstellungen klickt.

Divi Module lassen sich auf mobilen Geräten wie folgt verstecken:

  1. CSS Klasse einrichten:
     @media screen and (max-width: 960px) {
    .hide-mobile {display: none!important;}
    }
  2. CSS Klasse zuweisen:
    Divi Builder -> Modul -> CSS Class: hinzufügen: „hide-mobile“