Multiple Revolutions sliders in one HTML page

5 replies · opened Jan 9, 2017

HhekjeTechJan 9, 2017

I like 3 different sliders that are in the examples, and would like to use all of them in one page with the Canvas Template

I want to include the
slider-revolution-kenburns as header
then some static content, then use another:
rs-demo-premium-news-header as the news sections
and also more static content and just before footer another slider:
rs-demo-premium-concept

but just the first slider shows up, and the second just is blank without any javascript error, is not possible to have more than 1 rev slider in the same page?

SSemicolon WebSTAFFJan 10, 2017

Hello,

You can surely use the Multiple Revolution Sliders on one page but you cannot include it inside the #slider Container. You will need to use Unique HTML IDs, so simply change the additional occurrences of #slider to something else. Example: #slider-2, #slider-3 and so on..

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

HhekjeTechJan 10, 2017

I updated the #slider as slider-1 and slider-2 but still don't show nothing, as the container do you mean the <section id="/>

SSemicolon WebSTAFFJan 12, 2017

Hello,

Please remove the .slider-parallax and .slider-parallax-inner from the Other Sliders since this can only be supported on the Main Slider at the moment. This should fix your issue and display the Slider.

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard