Lockout / Hide Revolution Slider After Scroll

[Contourandco]

Hey Guys,

I am using a full screen revolution slider on my homepage and I used the option to display it above my masthead. I like the aesthetic of a full screen slider and I like that the menu bar is only shown when you scroll down and then becomes sticky. However, I dont like that you can scroll back up to the full screen slider and have them menu be in the middle of the viewing area or even disappear again if you scroll all the way to the top.

Is there a way to either lock the user out of that section or hide the slider after the user has scrolled past it?

[christopher]

Hi @Contourandco,

Unfortunately, our theme does not have such functionality and you will be able to achieve that with customization which is outside of our support scope and we will not be able to implement the feature.

If you know your ways around code, or you want to hire a developer here is how you need to implement the functionality:

• Write a Javascript code on the Scroll event. (Pro/X > Theme Options > JS)
• Detect the top offset of the place that you want to trigger the slide hide action.
• Add a class to the slider wrapper such as hide. The Slider wrapper is: .x-slider-container.above
• Add the CSS code below to actually hide the slider section (Pro/X > Theme Options > CSS):

.x-slider-container.above.hide { display: none !important; }

Here is a list of helpful resources on the case:

• Detect Scroll Position
• Add a Class in jQuery

Thank you for your understanding.