DIVI – Fixed Header in Mobile Menu

von | Jun 12, 2019 | Allgemein | 6 Kommentare

Schlagwörter: DIVI

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

6 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
  4. Nick Freund

    cool, vielen Dank, was ist bei einem Update des Themes, ist es dann weg?

    Antworten
    • Eric-Oliver Mächler

      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

      Antworten
  5. tm

    Hallo, ich möchte mich auch bei dir bedanken. Einfach & MEGA gut ! Vielen DANK !

    Antworten

Einen Kommentar abschicken

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