Transparent Header with Revolution Slider.

Question

Hello,

I just purchased this theme and tried the transparent header here: http://themes.semicolonweb.com/html/canvas/header-transparent.php
I'm using that header with Slider Revolution located here: http://themes.semicolonweb.com/html/canvas/rs-demo-premium-scroll-effects.php

The transparent header and revolution slider seem to conflict.

For instance:

When I first view the page, the logo and nav links are white.
Then, when I scroll down, the logo and nav links turn dark.
I scroll back to the top of the page and nav links stay dark.(instead of going back to white)

I assume this is some conflicting jQuery/javascript.

How do I make the logo and navlink light when I scroll back to the top of the page?

Thanks

SemiColonWeb · Accepted Answer

Hello,

This Functionality will require some more Functionality. You will need to add the .dark Class to the Slide's <li> Tag and then add the following code at the bottom of the Page inside the Revolution Slider JS Initialization Script:

revapi104.bind("revolution.slide.onchange",function (e,data) {
	SEMICOLON.slider.revolutionSliderMenu();
});

Consider using this Sample File we have created for you: https://www.dropbox.com/s/5vgf7o8y6gvlwsx/rs-demo-premium-scroll-effects.html?dl=1 .

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

lawmotorsports · Answer

Can you check here:

http://studioxite.com/resortswest/header-3.html

It works now, but when you scroll back to the top. If you don't scroll completely it, creates a gap at the top.

View screenshot attached:

lawmotorsports · Answer

Here's the screenshot

Semicolon Web · Answer

Hello,

We have been working on this for a while but unfortunately this is currently not supported with Revolution Slider and Resizing Header since Revolution Slider is not able to calculate its Height after the Header gets resized. We will release an Update as soon as we fix this in our Updates. Thanks for your Patience.

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

lawmotorsports · Answer

Thank you for the status update!