• Website konfigurieren
    • Navigation
    • Farben
    • Schriften
    • Typo
    • Spalten Trennlinien
    • CSS-Stile
  • Seite konfigurieren
    • Container
    • Spalten
    • Spaltenabstand
    • Headerbild
    • Beitragsbild
  • PageTypes
    • Events
    • Kalender
    • Galerie
    • Galerie Album
    • Video
    • Video Album
    • Audio
    • Kacheln
    • Playlist
  • Kontakt
Schwarz-Weiss

Navigation

Vier Navigationstypen sind eingerichtet:

  • 1. Klappnavigation für Desktop (Top)
        Navigation für Pad und Smartphone
  • 2. Top- und Subnavigation Rechts
        Navigation für Pad und Smartphone
  • 3. Top- und Subnavigation Links
        Navigation für Pad und Smartphone
  • 4. Overlay-Navigation für Desktop
        Overlay für Smartphone

Die verschiedenen Navigationstypen können als Option ausgewählt werden.

Screen

1 Top Klappnavigation

Es wird keine SideBar-Navigation angezeigt. Die Navigationspunkte müssen im DropDown gewählt werden.

nav1top1

2 Topnavigation und Subnavigation Links

Neben der Top-Navigation werden die Untermenus in der SideBar angezeigt.

nav2

 

3 Topnavigation und Subnavigation Rechts

Neben der Top-Navigation werden die Untermenüs in der SideBar angezeigt.

nav3

Pad- und Smartphone-Navigation für alle drei Navigationstypen

Alle drei Navigationstypen mit Top-Navigation haben die gleiche Pad- und Smartphone-Navigation. Sie wird eingeblendet, sobald der Bildschirm die Breite von 762 Pixel unterschreitet, sie passt sich dynamisch an die Geräte an. Die Unternavigationspunkte werden geöffnet, dargestellt.

Die Top-Navigation behält ihre Klappnavigation auf der Breite eines Desktops. Diese kann optional ausgeblendet werden, damit sie nicht doppelt erscheint.

 

4 - Overlay Navigation

Die Overlay-Navigation ist am linken Fensterrand angedockt. Geschlossen zeigt sie ein schmales Band, dass den "Hamburger" für das Aufklappen der Navigation anzeigt. Aufgeklappt wird die ganze Navigationsstruktur geöffnet angezeigt.

nav4 2

Overlay Navigation am Pad- und Smartphone

Es wird die gleiche Navigation wie auf dem Desktop verwendet. Bei schmalerem Bildschirm passt sie sich der maximalen Breite an.

nav4 sm1

nav4 sm2


Screenshot: Navigation einrichten

Es stehen vier Typen der Navigation bereit, Farbe für Schrift und Hover, Logo mit Grössenangabe


America Design

Albert America
Dammstrasse 3
6452 Sisikon

Powered by: America Design

© 2022 - America Design
SS4 Config