Wie kann man die obere Kopfzeile beim Scrollen im Divi WordPress-Theme ausblenden?

  

2
Themenstarter

Hallo, ich habe ein WordPress Divi-Theme.

Wie kann ich den oberen Kopfbereich beim Scrollen ausblenden?

Wo die E-Mail-, die Telefon- und die sozialen Links sind. Und wo Sie Ihr eigenes sekundäres Menü hinzufügen können.

Bitte sehen Sie sich den Screenshot an, den ich unten erstellt habe:

divi Kopfzeile oben ausblenden in css

danke

1 Antwort
1

Hier ist der Code mein Freund (fügen Sie in den zusätzlichen CSS oder in Ihrem style.css Kind Thema):

/* Hide top header – secondary menu on scroll */
 
#top-header {
    overflow: hidden;
    max-height: 50px;
    transition: max-height .3s ease;
}
 
#top-header.et-fixed-header {
    max-height: 0;
}
 
#main-header {
    transition: top .3s ease;
}
 
#main-header.et-fixed-header {
    top: 0 !important;
}
 
.admin-bar #main-header.et-fixed-header {
    top: 32px !important;
}
Teilen: