A menu that hides when you scroll.

With Sky Nav you can have a simple menu that will hide and reveal as the user scrolls up and down the page.

It is perfect for one pagers.

My inspiration for the section.

A client wanted a simple menu to go along with his one page site and also requested a full screen menu on mobile.


  • Menu hides the user scrolls down.
  • Mobile menu options
  • This menu does not support mutli level menus
  • Has special classes to help with margins


Add one of these classes to the section below Sky Nav to assist with margin control. The class option can be found in the advanced area of each section in platform 5.

sky-margin-lg  = margin-top: 8%

sky-margin-md = margin-top: 6.5%

sky-margin-sm = margin-top: 5%

Click here for Demo

  • Your cart is empty.

Section Details

Developer :iHeart Pagelines

Version :3.2

Filter :Navigation

Category :Section


Platform 5 :5.0.1 or Higher

Wordpress :4.0 or Higher

Club Membership

Become a iHeart PageLines Club Member and gain access to our entire library of sections. Learn More.


View Documentation Coming Soon.


Need help? Feel free to visit the forums.

Let's build something great together.

iHeart PageLines

  • 7 Free sections
  • Tutorials and Tips
  • Great Support
  • Custom Sections
Join For Free !!!

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match