[dk_mmenu] Menu 4.1.2. nach Update von Contao 4.13. * auf Contao 5.3.* zerschossen

[d003232]

Im Rahmen des Updates aufContao 5.3. habe ich auch mein Mmenu auf 4.1.2. geupdates. Nun ist mein Layout von Mmenu zerschossen. Die Menüteile, die bei Nichtanzeige eigentlich im Hintergrund liegen, werden nun angezeigt. Dadurch verschiebt sich mein Layout.
mmenu-1.jpg
mmenu-2.jpg

Leider habe ich bisher nicht so ganz verstanden, wie das Mmenu technisch überhaupt arbeitet. Daher weiss ich nicht so richtig, wo ich in meinem CSS suchen und was ich anpassen muss. Gibt es eventuell auch ein einfacheres mobiles Menü zu empfehlen?

Die Internetseite ist: https://ferienhaus-schwarzwald-todtnauberg.de

[mlweb]

Gibt es eventuell auch ein einfacheres mobiles Menü zu empfehlen?

Die Erweiterung dk_mmenu bietet Dir ein einfaches mobiles Menü. Alternativ kann man https://extensions.contao.org/?q=men...ao-mobile_menu nutzen oder manuell ein mobiles Menü realisieren.

Daher weiss ich nicht so richtig, wo ich in meinem CSS suchen und was ich anpassen muss.

Deine CSS-Anpassungen schreibst Du in Deine eigene CSS-Datei. Untersuchen kannst Du die einzelnen Styles über die Entwicklertools des Browsers Deiner Wahl.

Bei Dir wird das mobile Menü im Moment in jeder Viewportgröße angezeigt - keine Ahnung ob das so gewollt ist.

[d003232]

Bei Dir wird das mobile Menü im Moment in jeder Viewportgröße angezeigt - keine Ahnung ob das so gewollt ist.

Danke für die Info. Dann werde ich wohl noch etwas suchen, warum nach dem Update das CSS zerhauen wird. Ich vermute irgendwie es liegt daran, dass das Menü nun auf einer falschen Ebene angezeigt wird ... statt im Hintergrund zu verschwinden.

JA das mobile Menü soll immer angezeigt werden, das ist tatsächlich gewollt.

[d003232]

Oje. Es scheint wohl ein grundsätzliches Problem mit der Version 4.* von dk_mmenu zu geben. Zumindest lese ich das so auf Github: https://github.com/dklemmt/contao_dk_mmenu/issues/76

Was nutzt Ihr für ein mobiles Menü unter Contao 5?

[mlweb]

In den allermeisten Fällen bei individuellem Layout ein manuell erstelltes mobiles Menü. Sonst das was das Theme gerade mitbringt.

[d003232]

In den allermeisten Fällen bei individuellem Layout ein manuell erstelltes mobiles Menü. Sonst das was das Theme gerade mitbringt.

An ein individuelle mobiles Menü traue ich mich gerade nicht ran. Da fehlt mir das Know how. Daher hoffe ich, dass ich dm_mmenu wieder zum Laufen bekomme.

Ein Lösung habe ich gefunden. Offenbar setzt mmenu an das BODY-Tag ein "padding-top: 2.6rem" dran. Wo auch immer das geschieht. Nun habe ich das in meiner CSS Datei mit einem !important überschrieben. Zumindest wird jetzt das normale Menü nicht mehr überdeckt.

body {
	padding-top: 0.0rem !important;
}
#wrapper {
	padding-top: 2.6rem !important;

Nun muss ich nur noch das mobile Menü weg bekommen, das beim nach unten Scrollen irgendwann fix auf der linken Seite erscheint.

[planepix]

Die Version 4.1.2 habe ich unter Contao 5.3 installiert.

Alternative: codefog/contao-mobile_menu

[d003232]

Danke für das Feedback. Durch den Update von dk_mmenu auf 4.1.2 musset ich mein CSS anpassen:
- meinem Tag WRAPPER eine Hintergrundfarbe geben, damit dieser Teil das "versteckte" Menü überdeckt
- meinem Tag WRAPPER eine Padding-Top geben, damit auch hier ein Teil des mobilen Menüs "verdeckt" wird.

Nun passt wieder alles