Forum has been created to help all our customers in properly working our theme. We offer complete help with configuration theme and make default look, just like on our Be|theme demo. We don`t offer theme customization.


Before creating a new discussion, please:
1. Check on forum if discussion hasn`t been created before. Use the forum Search on the right.
2. Read carefully the documentation included to package.
3. If you didn`t find what you need and would like to post a new question click the "Start a New Discussion" button on the right.
4. You can post on forum only after registration (you need purchase code to register) .


NOTE!!! If you are starting a new topic and have got problems with your site and you want us to check what`s wrong please always give url to your site because without that we can`t check what`s wrong. Each case may be different because of your installed plugins, servers or other things.


IMPORTANT!!! Along with your inquiry, please attach the address of the page which concerns the question. This will cause the time to answer on your question will be much shorter. If you do not want to publish your address publicly in the forum, please send a private message. Thanks!

Hide header/subheader until user starts scrolling

edited November 14 in Menu / Mega menu
Hello,

I've found a few other posts asking for this information, but the provided solution did not work. Namely, to use CSS, 

#Top_bar:not(.is-sticky) .menu_wrapper { display: none !important; }

Also, I only want this effect on one particular page. Currently I am doing this on a staging site. I can PM you the URL of that. Although I'll also need solution for live site (if solution is not the same).

Comments

  • Please sign in to see answear!
  • Yes, I've tried this. As mentioned, it didn't work.

    For some reason what it does is hide the main navigation in the header, but not the header itself. I'd really like to find a solution this, as we don't want the header displaying on mobile devices until the screen is scrolled a certain number of pixels.
  • Okay. It was hiding just the menu because I had the wrong class in there (.menu_wrapper). I've change the class and got it to hide.

    Is there a way to change the number of pixels screen must be scrolled before sticky menu appears?
  • Please sign in to see answear!
Sign In or Register to comment.