Header fixieren?
Autore: Thomas S.
Visite 1024,
Followers 1,
Condiviso 0
Hallo zusammen,
ist es mit der 2021er Version möglich den Header zu fixieren?
Alternativ zumindest das Menü?
Heißt: Ich würde gerne den Header oder das Menü auf einer Onepage-Website dauerhaft oben fixieren wollen.
Geht das mit den Bordmitteln oder brauchts da einen Code (ich finde nur immer welche von 2016 +-).
Danke schonmal für die Hilfe.
Gruß,
Thomas
Postato il
Das geht mit eigenem Code. Dazu wählst Du bei "1 Einstellungen" die Option "Statistiken und Code" und dann den Bereich "Code" aus. Anschließend wählst Du im "Benutzerdefinierter Code" die Option "Vor dem </HEAD> Tag" aus und trägst dort folgendes ein:
<style> #imHeader {position: fixed; z-index: 1000;} </style>
Damit ist der Header fixiert. Beachten musst Du, das ggf die aktivierte Sticky-Bar beim Scrollen auftaucht - diese dann deaktivieren, da Du sie ja nicht brauchst.
Ausserdem musst du damit rechnen, dass bei einer Fixierung des Headers die eingebauten Objekte nach Links verschoben werden.
Autore
Danke für die schnelle Hilfe. Das hat ja schonmal geklappt :-)
Eine Möglichkeit, dass die Inhalte vom Header dann auch wieder zentriert stehen gibt es nicht?
Gruß
Probier mal folgendes:
<style>#imHeader{position: fixed;z-index: 1000;left: 50%;transform: translate(-50%);}</style>
Autore
Ein Traum :-)
DANKE. Hat funktioniert.
Super Sache.
Gruß