Header

Header-Typen

Es kann folgende Header-Typen geben:

• (Normaler) Header → Desktop Header mit Logo, Navigation etc.,wird nicht mobil angezeigt
• Fixed Header → wird angezeigt, wenn man auf einer Seite nach unten scrollt, bleibt oben stehen (fixiert) – wird aber erst eingeblendet, wenn man ein paar Pixel nach unten gescrollt hat (siehe Abschnitt: Design Konstanten > Offset Fixed Header)
• Mobiler Header → wird nur mobil angezeigt

Für jeden Header muss eine eigene Seite erstellt werden, die nicht im Menü angezeigt werden darf. Sobald die Seitenid's (pageid bzw. pid) einer Header-Seite in den Theme-Konstanten hinterlegt sind, wird der entsprechende Header angezeigt.

Design Konstanten

Neben den Konfigurations Konstanten (z.B. Seitenids) gibt es auch umfangreiche Design Konstanten:

• Headerhintergrundfarbe (für Header und Fixed Header gleich, defaut: transparent)
• Offset Fixed Header (Scrolltiefe in Pixel ab wann der fixierter Header erscheinen/verschwinden soll.)

Über die CSS Klassen .header, .fixedheader können die Header in einer custom.scss individuell und unabhängig voneinander weiter frei gestaltet werden.