Canvas Support

two revolution sliders within a page

7 replies · opened Apr 30, 2020

Llqtx_00Apr 30, 2020

Hi, I would like to use 2 revolutions sliders.
For the first I use one derived from slider-revolution-html5-videos, and for the second one derived from rs-demo-premium-nice-carousel.
After the page loading in full-screen, the second is only displayed on the half of the window. But as soon as I resize the window the slider is correctly displayed. When I refresh (F5) on the corrupted it is fixed. On mobile device the both sliders work nicely.
What should I check?
I have joined scrennshots of the displays.
Thanks for your help

SSemicolon WebSTAFFApr 30, 2020

Hello,

Apologies about the Inconveniences caused!

Can you please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. Thanks for your Patience.

Additionally, while using 2 Revolution Sliders on the Page should not be a problem, make sure that you use don't have Duplicate IDs on the Page and have the 2nd Slider inside a different container than the #slider DIV. You can validate your Page here: https://validator.w3.org/ .

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Llqtx_00May 1, 2020

Hi,
Here is the project "http://www.dev.lc2rh.com"
I use the validator there is no error associated to the sliders (two warning)
Thanks

Llqtx_00May 2, 2020

Hi,
It might be related to the slider-parallax or slider-parallax-inner class of the first slider. When I remove the class the second is displayed correctly on loading...

The first slider interfers also with a fullwidth owl carrousel (clients.html template) I am trying to add.
I have update the URL...

Thanks for your help!

Llqtx_00May 2, 2020

I think I solve my problem :
I had commented a <div class="clear"></div> line just before the content section. Unquoted it seems to have resolved the issue....

SSemicolon WebSTAFFMay 2, 2020

Hello,

We have checked out the Link you have provided us with and it appears o be working fine for us on Different Screen Widths, Browsers and Devices. Any chances you can let us know which Browser/OS you are using so that we can check appropriately and provide you with further assistance.

Additionally, adding the .clear DIV after the Slider is definitely a solution to issue as you have mentioned. But it works fine for us even without adding that DIV.

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

Llqtx_00May 3, 2020

Thanks for your answer,
The problem is encountered on W10 firefox (75.0), edge (81.0416.68), chrome (81.04044.129) on 2 different laptops (one with a resolution display of 1920x1080 and one 1366x768). But on a macbook (catalina) it works fine....
But with the .clear DIV it is ok

SSemicolon WebSTAFFMay 3, 2020

Hello,

Thank You so much for the Additional Information on this. We will run more tests and release fixes in the Future Updates to resolve this altogether.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

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