Docs

[aleksanderlin]

Hello,

Is it possible to have the revolution slider hide when the animations end. I have one slide with a couple of layers and the entire animation lasts for 7 seconds and a half. I would like for either the slider to hide when it ends (i.e. 7.5seconds) or that it moves from above the masthead to the content. (similar principle to that when the user presses the arrow to go down, however the latter to be an automatic function.)

The current website is here: http://www.sicard.si
When the website loads, the ‘above the masthead’ areas contains the slider with one slide. I would like it to move to the content (with navigation at top and grid in the center) when the slider ends after 7,5 seconds.

Thank you,
Aleksander L P

[Kosher K]

Hi There,

You can hide the slider using jquery,

just add this code below in Customizer -> Custom -> Javascript

(function($){ 
	$('.x-slider-revolution-container.above').delay(8000).fadeOut(500);
})(jQuery)

Just change 8000 if you want to adjust the number of seconds, 8000 = 8 seconds.

Hope that helps.

Cheers

[aleksanderlin]

Hello,

Thank you very much for this expeditious solution. It worked perfectly. Great theme, great support, great comprehensive product.

Thank you again,

Regards,
Aleksander

[Kosher K]

Glad to hear its working.

Cheers

[Mrinal]

You’re Welcome Aleksander!

Thank you too for the appreciation. Have a nice day, Cheers!

[Ray E]

If anybody else was trying this and having trouble, use this code:

(function($){ 
	$('.x-slider-container.above').delay(8000).fadeOut(500);
})(jQuery)

-Ray

[Rubin]

Thank you for sharing this with the community!

[rrrsarda]

Hi ! Thank you ! Is there a way to hide the rev slider when it is below the masthead ?

[Thai]

Hi @rrrsarda,

Please try following code instead:

(function($){ 
	$('.x-slider-container.below').delay(8000).fadeOut(500);
})(jQuery)

Hope it helps.

[rrrsarda]

Thanks !

[Thai]

You’re most welcome 🙂

[Author]

Posts