Die Untermenu-Punkte sind grundsätzlich aufgeklappt, um größtmögliche Kompatibilität zu all den mobilen Geräten zu gewährleisten. Wenn du dies ändern mächtest, gibt es 2 Möglichkeiten. Du kannst das Theme anpassen oder du installierst ein alternatives Menüplugin (z.B. UberMenu: http://wpmegamenu.com/).
So passt du das Theme an:
1. Gehe zu Divi > Theme Optionen > Integration und kopiere in das Feld <body> folgenden Code:
<script type="text/javascript">// <![CDATA[
(function($) { $(window).load(function() { $('#mobile_menu > .menu-item-has-children > a').attr('href', '#');
$('#mobile_menu > .menu-item-has-children > a').each(function() {
$(this).next('.sub-menu').addClass('hide');
});
$('#mobile_menu > .menu-item-has-children > a').click(function(event) {
event.preventDefault();
$(this).next('.sub-menu').toggleClass('visible');
});
});
})(jQuery);
// ]]></script>
2. Gehe zu Design > Editor und kopiere in die style.css folgenden Code:
.sub-menu.hide { display: none!important; }
.sub-menu.visible { display: block!important; }
.et_mobile_menu .menu-item-has-children > a:after {
content: '+';
position: absolute;
right: 20px;
}
Bitte beachte, dass der Hauptmenüpunkt kein Link sein sollte. Andernfalls klappt zwar das Untermenü auf, aber die verlinkte Seite wird geladen und das Menü klappt gleich wieder zu. Zudem kann es sein, dass dies auch bei manchen mobilen Browsern geschieht. Hier bleibt das Untermenü aber auf, sodass die Unter-Unterpunkte beim zweiten Draufklicken gewählt werden können.
