Static Magazine

Unfix Header and Sidebar Links

Posted by Myriam

Ein fixierter Header ist ganz nett, aber vor allem dann, wenn man ein grösseres Headerbild haben will, etwas unpraktisch. Doch zum Glück gibt es CSS, das die Möglichkeit bietet etwas fixiertes mit einer Zeile zu "entfixieren".

A fixed header is nice, but especially if you want to use a bigger header image it can be highly unpractical. But luckyly there is a thing called CSS which allows us to "unfix" a thing with a single line.



Geht ins HTMl und sucht nach .main_header. Gleich darunter folgt position: fixed;, welches wir in position: relative; ändern. Und schon scrollt der Header.

Go to the HTML and search for .main_header. Right underneath there is position: fixed;, which we change into position: relative; And the header scrolls.








Gleiches tut ihr, wenn ihr den Sidebar Toggle Link oder den Such-Toggle unfixiert haben wollt.

Do the same thing for the sidebar and search toggle links.