Hi Leute,
auf meiner Contao 4 Site habe ich 2 Navigations-Module eingebunden:
- Navigationsmenü für die horizontale Navigation
- eine individuelle Navigation für Meta-Daten.
Nun möchte ich, daß bei SMALL-Ansichten, z.B. auf einem Smartphone,
diese beiden Naviationen zusammen angezeigt werden.
Hier ein Beispiel:
Unbenannt-16.jpg
Demo-Seite: https://kulturbanause.de/
Wie lässt sich sowas realisieren?
Meine Gedanken wären folgende:
- eine weitere Navigation anlegen, die alle Seiten der beiden Navigationsmodule beinhaltet (also die der horizontalen und Meta-Navigation)
- per CSS und Media-Queries bei der SMALL-Ansicht diese anzeigen lassen, und bei der LARGE-Ansicht ausblenden
- per CSS und Media-Queries die beiden oberen Navigationen bei SMALL ausblenden und bei LARGE einblenden
Problem dabei ist: im HTML sind 3 Navigations-Module.
Gibt es eine Möglichkeit, per Media-Queries im HTML dies zu steuern, sodaß bei SMALL-Ansicht andere Navigations-Module angezeigt werden als bei LARGE-Ansicht?
Lesezeichen