DIVI: NAV - ABSOLUTE POSITIONING

divi-nav-absolute-positioning.css

/*DIVI NAV - ABSOLUTE POSITIONING*/

#main-header{
    position:absolute;
}
 
.et-fixed-header{
    top: 0;
    background-color: #fff;
    position: absolute; width: 100%;
    z-index: 99999;
    padding: 18px 0 0 0 !important;
    min-height: 43px !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) !important;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.et-fixed-header #logo { max-height: 43px; }
.et-fixed-header nav#top-menu { padding-top: 11px;}
.et-fixed-header #top-menu li > a { padding-bottom: 29px;}
.et-fixed-header .et-search-form { top: 46px; }
.et-fixed-header #et_search_icon:before { top: -3px;}

/* source: http://www.elegantthemes.com/blog/resources/divi-css-tricks */