DIVI – Fixed Header in Mobile Menu

von | Jun 12, 2019 | Allgemein | 3 Kommentare

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;
 
}

3 Kommentare

  1. Max Ciolek

    Wow – großartig! Vielen Dank, Eric-Oliver – das hat mich schon lange geärgert…

    Antworten
  2. David

    Richtig gut und sehr simpel. Vielen Dank!

    Antworten
  3. Christian

    Top und Danke, schnelle und einfach Lösung die funktioniert

    Antworten

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.