Reply To: Hide nav & top menu, logo until scroll

Home Forums Support Hide nav & top menu, logo until scroll Reply To: Hide nav & top menu, logo until scroll

Home Forums Support Hide nav & top menu, logo until scroll Reply To: Hide nav & top menu, logo until scroll

#201134
Tom
Lead Developer
Lead Developer

Getting close – sometimes things take a lot of tweaking to get working right, that’s just web development 🙂

Try this:

.home .site-header, 
.home .main-navigation, 
.home .secondary-navigation {
    display: none;
}

.home .site-header.hasScrolled, 
.home .main-navigation.hasScrolled, 
.home .secondary-navigation.hasScrolled {
    display: block;
}

.home .secondary-navigation.hasScrolled {
    position: fixed; 
    top: 0; 
    width: 100%; 
    z-index: 9999;
}

.home .site-header.hasScrolled {
    position: fixed; 
    top: 40px; 
    width: 100%; 
    z-index: 9999;
}