mobile_menu Erweiterung: Anzeige der Submenüpunkte

[Marion]

Hallo

Ich setze die Erweiterung mobile_menu (Version 2.7.0, Contao 3.5.33) für die mobile Menüdarstellung ein. Das klappt auch ganz gut. Was mir nicht gefällt, ist die Navigation auf die 2. Menüebene. Wenn ich ein Menü mit Untermenü anwähle, verschwindet das Menü sofort und der Hauptmenüpunkt wird geladen. Somit sieht man gar nicht, dass das Menü auch Untermenüpunkte hat. Erst wenn ich wieder auf den Menu-Button klicke, werden die Untermenüpunkte angezeigt. Am liebsten würde ich von Anfang an das Menü vollständig aufgeklappt anzeigen. Das Navigationsmenü, auf das ich als mobiles Menü verwende, hat deshalb Start- und Stoplevel auf "0" gestellt. Wenn ich das Modul normal in eine Seite einbinde, mit {{insert_module::40}}, dann sind alle Menüpunkte aufgeklappt. Aber wenn ich im mobile Menu beim Menü Inhalt das Modul gleich einbinde, ist es zugeklappt.

Habe ich eine Option übersehen? Oder muss ich das im css definieren? Hat jemand eine Idee?

Hier der Link zur Seite: http://www.loesungs-findungen.ch/8md...tartseite.html

[planepix]

Hallo Marion,

ich habe dir einmal ein Screenshot des Moduls gemacht.
So eingestellt werden bei Klick auf Seiten mit Unterseiten diese angezeigt und erst auf Klick dann wird die Unterseite geladen.

Bildschirmfoto 2018-02-28 um 18.40.57.png

[Marion]

Aha, ich hatte die Option "Menü beim Klick auf einen Link schließen" angewählt, das war der Fehler. Jetzt läuft alles wie es sollte. Danke für die Hilfe!

Ist echt super, die mobile_menu-Erweiterung!

[Andreas]

Ja, finde ich auch. Hier noch ein erster Ansatz für die Pfeile, damit man auch sieht, was man aufklappen kann.
CSS:

.mobile_menu li a,
.mobile_menu span {
  display: block;
  position: relative;
  line-height: 40px;
  padding: 0 1em;
  transition: all .25s ease 0s;
}
.mobile_menu .submenu > a,
.mobile_menu .submenu > span {
  padding-right: 0;
}
.mobile_menu .submenu > a::after,
.mobile_menu .submenu > span::after {
  content: '›';
  display: inline-block;
  width: 32px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.mobile_menu .submenu_show > a::after,
.mobile_menu .submenu_show > span::after {
  transform: rotate(90deg);
  text-indent: 4px;
}