To fade in top nav bar

In by KenCope

Back to Code Snippets
I wanted something that was smoother than the default hide nav bar option in the Header builder in Pro so went searching on the web for something that would provide a smooth fade in. This code hides the top nav bar then gradually fades in on scroll. Select the bar that holds your nav bar and, in Customise, add the class topnavshowme. Alter the animate command - in the example, it's 3500 - for the duration you desire in milliseconds. Add this to Custom JS
Submitted by: KenCope
Language JavaScript