overlapping logo

by | Mar 27, 2019 | Header | 0 comments

How to Create an Overlapping Logo in Divi

/*----------Overlapping Logo that Shrinks on Scroll----------*/
 
#et-info {
    float: right;
}
 
.et_fixed_nav #top-header {
    position: fixed;
    z-index: 9998!important;
}
 
#logo {
    max-height: 100px;
    margin-top: -30px;
}
 
.et-fixed-header #logo {
    max-height: 60px!important;
    margin-top: 0px;
}
 
@media only screen and (max-width: 980px) {
     
#logo {
    max-height: 70px;
    margin-top: 0px;
}
     
#et-info {
    float: none;
}
 
}

Submit a Comment

Your email address will not be published. Required fields are marked *