Creating a Sticky Navigation Menu

This article will show you how to create a sticky navigation menu from scratch using only Slider Revolution.

1. Create a Slider and insert text layers as navigation menu links and an image layer as a logo

Hyperlink the text layer navigation menu links using Layer Actions
Align the Layers using the Horizontal/Vertical Align option.
Change all layer align behaviours to Slide Based.
Use a shape layer as the navigation menu background color and set it as Full Width.
Change the shape layer align behavior to Slide Based
Change the z-index position of the shape layer so it appears behind the navigation menu layers.

2. Insert a custom Slider ID into the Slider General Settings

3. Insert custom CSS code into the slider.