Navigation

Change container class to container-fluid to make full width navigation instead of boxed

Apply data-glass=”y” attribute for transparent navigation. Main CSS file include CSS classes to set navigation transparent color. Use CSS class glass-01 to glass-09 along with “nav-wrp” in below code.

Apply data-above=”y” attribute to display navigation above intro but not to set as sticky with page scroll

Apply data-sticky=”y” to make navigation sticky on page scroll. Sticky navigation will not work with data-above=”y”

Apply data-hide=”y” to hide navigation by default and only display on page scroll. this option require data-sticky=”y” otherwise it will not work properly.

 

 

 

 

Related Articles