Header #1

derzeitig verwendeter Header

Zu beachten:

• Header besteht aus 2 Rows 
• 1. Row kann irgendeine Farbe haben und kann auch nach belieben gestaltet werden (hinzufügen von Buttons, Social Media, Links etc.)
• 2 Row immer auf transparent ansonsten klappt der Effekt nicht
• Header muss "Fixed Header", "Shrinking Header" und "Only show navigation row" haben - ansonsten klappt der Effekt nicht
  • Logo Size on Shrink ist dabei egal - WICHTIG: Spacing auf 0px stellen
• Einzelne Menüpunkte wurden hier lokal designt - damit bei anderen Nav-Elementen auch alles von der Formatierung passt
• Oberste Row im Body immer hinter Header platzieren (Place top row behind header)

Header #2

Zu beachten:

• geeignet für Seiten mit wenigen Menüpunkten
• 2 Varianten
  • entweder stellt man Header auf "Fixed Header" ein, dann läuft er mit
  • oder man platziert die oberste Row im Body hinter den Header
• Hier sollte dann mit On-Site-Engagements gearbeitet werden, um die Kontaktmöglichkeit darzustellen
• man kann auch noch weitere Colums hinzufügen - ACHTUNG: ganz linke und ganz rechte müssen Border-Radius haben
• Wenn mehrere Menüpunkte - Fluid Row aber eventuell Padding li/re der Row erhöhen

Header #3

Zu beachten:

• Einzelne Menüpunkte wurden hier lokal designt - damit bei anderen Nav-Elementen auch alles von der Formatierung passt
• CSS im Global HTML unter Einstellungen aktivieren
• Mobil entweder mit On-Site Engagement arbeiten oder eine eigene Row noch für Mobil anlegen (rechte Spalte (Icons) wird auf Mobil ausgeblendet)

Header #4

Header Classic