Slider revolution with accordion problem

[Lyser]

Hello,
I have a slider revolution images slide in a accordion and the slider doesn’t display at full width, i have to clik outside and inside the browser for the slider to go full width. (it affect also others sliders in others accordions).
This problem is not existing in firefox and edge but exist in chrome and opera. I’m on pc, windows 10.

[Prasant]

Hello Lyser,

Thanks for asking.

Please edit the slider and under Slide Layout elect Full Width layout and see how it goes. To learn more, please take a look at following article.

https://www.themepunch.com/revsliderjquery-doc/slider-layout/

Thanks.

[Lyser]

i’ve tried to add a classic slider instead of a revolution slider, and there is the same issue, you have to click outside the browser and inside for the classic slider to appear.

You can see here the same classic slider in a column and in a accordion, the one in accordion is not appearing, do you have a idea to make a slider work in a accordion without clicking outside and inside the browser ?

[rad]

Hi @Lyser,

The slider, the grids, or any responsive design that uses javascript relies on its container dimension. Hence, if you place it in a hidden location, the dimension will be zero. The solution would be re-initializing/rendering it every time you open that hidden container. Example, add this code to your Theme Options > JS.

jQuery( function($) {

$('button.x-acc-header').on('click', function() {

setTimeout ( function() { $(window).resize().resize(); }, 750 ) ;

} );

} );

Increase the value of 750 to your preference.

Thanks!

[Lyser]

That’s perfect, now the sliders (classic or revolution sliders) are displayed correctly !
Thx you very much Rad !

[rad]

You’re most welcome!