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

#201111
mc208

Still not working, I don’t know where all I’m supposed to put that .home part, but anyways, here is what the CSS I have looks like now:

.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;}

Does the CSS look right? When I scroll down, I start to see the logo for a split second, but it, along with all of the navigation doesn’t appear.

  • This reply was modified 5 years ago by Tom.
  • This reply was modified 5 years ago by Tom.