Sie sind hier: Start Komponenten
Theme "monochrome" erfolgreich aktiviert
Um das Theme zu aktivieren, muss folgende CSS-Datei eingebunden werden:


<!-- CSS link (HTML header), replace with "https://style.brandenburg.de/%VERSION_ALIAS%/css/app.css" -->

<link type="text/css" rel="stylesheet" href="https://style.brandenburg.de/%VERSION_ALIAS%/css/themes/monochrome.css"/>
                

5.8 Mobile-Menü

Alternativ zum Fly-Out-Menü oder Mega-Menü zur Hauptnavigation wird bei kleinen Viewports standardmäßig das Standard-Mobile-Menü angezeigt. Dieses ist für kleine Bildschirme optimiert und unterstützt die Touch-Funktion ohne Mouse-Over-Aktion.

Bild "Mobile-Menü"
Aufbau
  • Die 2. Ebene des Menüs rollt nach unten aus, die 3. Ebene nach rechts. Die Menüfläche erstreckt sich über die zur Verfügung stehende Gesamtbreite und ist 12 Spalten breit.
  • Die Breite eines Menüelementes entspricht ebenfalls der Gesamtbreite des Menüs.
Spezifische Anforderungen

keine Beschränkungen

Barrierefreiheit

Menüpunkte folgen dem Regelwerk im Kapitel 4.2.5 Hauptnavigation und müssen über einen Alternativtext verfügen.

Aktionsverhalten

keine Beschränkungen

Responsive Design

Das Mobile-Menü wird standardmäßig bei kleinen Viewports und immer dann, wenn der Platz für das Standard-Menü nicht ausreicht, angezeigt.