Home › Forums › Support › Hide nav & top menu, logo until scroll › Reply To: Hide nav & top menu, logo until scroll
June 11, 2016 at 11:49 am
#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;
}