Divi mobiles Menü nicht einklappen

Wenn du im Divi Theme Builder ein Menü erstellt hast, bricht das Menü standardmäßig auf mobilen Endgeräten zu einem Hamburger-Menü um.

Das kann aber unter Umständen sehr ungünstig sein, z.B. wenn du ein Footer-Menü erstellt hast, mit Impressum & Datenschutzerklärung. Denn die Links zu deinen rechtlichen Seiten sollten auch auf dem Smartphone und Tablet direkt sichtbar sein.

Mit folgender kleinen Anleitung kannst du verhindern, dass das Menü auf mobilen Endgeräten einklappt.

Schritt 1: Füge deinem Menü in den erweiterten Einstellungen unter CSS-ID & Klassen die Klasse dt-no-menu-collapse hinzu:

Schritt 2: Füge nun im Stylesheet deines Divi Child-Themes oder im Theme Customizer unter Zusätzliches CSS folgendes Codeschnipsel hinzu:

/* Divi mobiles Menü nicht einklappen */
@media (max-width: 980px){
    .dt-no-menu-collapse.et_pb_menu .et_pb_menu__menu,
    .dt-no-menu-collapse.et_pb_fullwidth_menu .et_pb_menu__menu {
        display: block;
    }
    .dt-no-menu-collapse.et_pb_menu .et_mobile_nav_menu,
    .dt-no-menu-collapse.et_pb_fullwidth_menu .et_mobile_nav_menu {
        display: none;
    }
}

Und fertig!

Dein Menü sollte nun auf mobilen Endgeräten aufgeklappt bleiben.

Wenn dir das Codeschnipsel weitergeholfen hat, freue ich mich über einen Kommentar von dir!