custom divi header hide when scrolling code example
Example: how to hide divi menu on scroll
/**
* Header Styles
*/
#main-header {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#main-header.invisible {
opacity: 0;
top: -1000% !important;
}
.et-fixed-header#main-header {
opacity: 0;
}
#main-header.detached {
position: fixed !important;
top: 0;
opacity: 1 !important;
}