Interactive Navigation Arrows

Create Interactive Arrows in 5 easy steps.
Hover your mouse over the slider below to see the example in action.
Download and import the example zip here.
Works for all the built-in "Arrow Styles".

Step 1: Set your Arrows visibility to "Always Show"

Step 2: Set the slider's "Overflow Hidden" option to "On".

Step 3: Add the following CSS to your slider's Custom CSS section

Step 4: Find your slider's ID

Step 5: Add the following code to your slider's Custom JavaScript section

Replace the number “26” in the “revapi26” part on line #8 with your slider’s ID.