Slider Revolution and Scroll Disable

[Oasis]

Hello I have a slider at the top of my homepage above the masthead. I don’t want users to be able to scroll below it until they click one of the options - is that possible? I thought I could use scroll disable but am unsure?

Thanks

[jade]

Hi there,

Please try disabling the Mouse Scroll Navigation option here:

[Oasis]

Hello my slider is in Hero Scene but I switched to Standard slider and mouse scroll navigation was not turned on - I am sending my login details in the following private message. Please have a look and see what I’ve done wrong…

[christian]

Hey @Oasis,

Sorry for the confusion. That is not possible. It would require custom development to do that which is outside the scope of our support.

Thank you for understanding.

[Oasis]

Thanks - I’ve come up with a different approach…

I have put my rev slider into the header widget area now I just need to figure out some way to force the header widget to show as open when a user lands on the website home page.

And then make a toggle button at the bottom to close the widget.

I found this: https://theme.co/apex/forums/topic/how-to-have-header-widget-open-upon-landing-and-have-openclose-toggle-still/

So I’m hopeful that this is possible?!

Thanks again

[rad]

Hi there,

Opening the widget bar upon page loads is possible. But, it’s not gonna work on the slider (it will remain empty). The slider rendering is based on the existing dimension of the container. If the widget bar opens later (no dimension) than slider initialization then it will fail.

Thanks!

[Oasis]

Ok can I have it set as default open then? just on the homepage

[rad]

Hi there,

Yes, but still, your slider may not work there. Please add this code to your global custom javascript to make it open upon load.

jQuery( document ).ready ( function() {

jQuery('.home .x-btn-widgetbar').trigger('click');

} );

Thanks!

[Oasis]

That works great!!! I tried it on a few different browsers and so far so good…

If I wanted to make a button that functioned the same as the toggle button what code would I need?

[rad]

Hi there,

Will be the same, but using the button’s selector. Let’s say this is your button with class toggle_widget_bar

<a hred="#" class="toggle_widget_bar">Toggle Widget Bar</a>

Then the code will be this

jQuery( document ).on ( 'click', '.toggle_widget_bar', function( e ) {

e.preventDefault();

jQuery('.home .x-btn-widgetbar').trigger('click');

} );

The class toggle_widget_bar is just a sample, you decide which class you wish to use and add to the button and to the code,

Thanks!

[Oasis]

Thanks that is working great now! Much appreciated

[Joao]

Glad to hear we managed to help!

Cheers!