Skip to content

Adding Sliders To The Top of Pages

This theme includes the Revolution Slider and Layer Slider plugins – both of which you can use to quickly add amazing sliders to the top of any page or post.

Method 1: Page/Post Meta Options (easiest)

Add the slider shortcode inside the Page Settings. Just click on the Slider tab and paste in your slider shortcode (if you’re not sure where this is from, checkout our article on how to find your slider shortcode).

Page Settings Option

With this method you can also change your settings for the slider position (default, below title, above title, above menu, above header, above top bar), slider bottom margin, and slider mobile alternatives. This a great feature that you can use to hide your slider on mobile devices, and display a more legible image or text instead.

Note: When using this method the slider will automatically span the full-width of the site.

Method 2: Using WPBakery

Use the Slider Revolution element to insert your slider on the page (you can also use the theme’s shortcode element and manually add the shortcode if you prefer).

Insert the Slider Revolution 6 element via WPBakery
Full-Width Sliders: If you wish to make the slider full width you can edit the Slider layout and select the “Full-Width” option under “Layout > Sizing”. It is NOT recommended to stretch the WPBakery row that the slider is located in as this can cause layout issues as both plugins are trying to calculate the correct full-width dimensions.

 

Back To Top