Hoe verberg je de koptekst bij het scrollen in het Divi WordPress thema?

  

2
Onderwerp starter

Hallo, ik heb een WordPress Divi-thema.

Hoe kan ik de bovenste kopsectie/het bovenste deel verbergen bij het scrollen?

Waar de e-mail, telefoon en sociale links staan. En waar je je eigen secundaire menu kunt toevoegen.

Zie de schermafbeelding die ik hieronder heb gemaakt:

divi top header verbergen in css

bedankt

1 antwoord
1

Hier is de code mijn vriend (voeg toe aan de Extra CSS of in je style.css child 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;
}
Deel: