Please note, this is a STATIC archive of website www.themepunch.com from 28 Sep 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Create a “Scroll Below Slider” button

scroll-below-fold

Add a button that scrolls to additional page content located further down the page.
Similar to the down arrow included with the Innovation Template.

1. Visit the Static Layers slide

The Static Layers slide allows for displaying content on top of all other slides within the slider. Content Layers added here will be visible at all times, even when your slides change.

innovatgion-static-layers

2. Select a slide from the "Show Layers from Slide" dropdown

The Static Layers slide does not include its own background, as technically its background is the slider itself. But for editing purposes, it’s helpful to see what your Static Layers would look like when they’re placed against your other slides. And this is where the “Show Layers from Slide” option is particularly useful.

slide-backdrop

3. Add a "Down Arrow" Object Layer to the editing stage

arrow-object-layer
arrow-object-layer-select
arrow-button

4. With the Layer selected, create a new "Click" Action

add-click-action-2
add-click-action-3

5. Add a "Scroll Below Slider" Action

Add a number (in pixels) to the “Scroll Offset” option to scroll below the slider even further.  And add a number (in milliseconds)  to the “Delay” option to create a brief pause before the page is scrolled.

scroll-below-slider-2