Es ist bei DIVI sehr einfach einen fixierten Headerbereich auf einer Webseite zu machen – aber für die mobile Ansicht ist das nicht so einfach.
Hier habe ich euch den CSS Code, mit dem ihr auch auf eurem Handy einen fixierten Header machen könnt.
Baut ihn einfach in euer style.css File ein und dann ists gemacht.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | /********************************* style mobile fixed header *********************************/ @media (max-width: 980px) { .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header { position: fixed; } } .et_mobile_menu { overflow: scroll !important; max-height: 83vh; } |
Wow – großartig! Vielen Dank, Eric-Oliver – das hat mich schon lange geärgert…
Richtig gut und sehr simpel. Vielen Dank!
Top und Danke, schnelle und einfach Lösung die funktioniert
cool, vielen Dank, was ist bei einem Update des Themes, ist es dann weg?
wenn du ein childtheme verwendest – dann hast du keine probleme
wenn du keines verwendest dann hast du grosse probleme 🙂
also verwende ein childtheme und dann ist alles ok
Hallo, ich möchte mich auch bei dir bedanken. Einfach & MEGA gut ! Vielen DANK !
Funktioniert super.
ISt es möglich, dass der header so wie in der Desktopansicht dann etwas zusammenschrumpft, um mehr Platz für den Main-Content zu haben?
Danke!!