X Theme Navbar change to transparent on scroll

[nicholasvjones]

I currently use X Theme and have set an image for the navbar and the logo shrinks on scroll with the great assistance on the forum and some questionable CSS and JS by me.

Now what I want to do is lose the background image of the navbar once you begin to scroll the site and make it a transparent color the same as what I have for the Ubermenu bar. Once you return to the top of the site the image returns as at the beginning.

Is this possible?

[Prasant]

Hello Nicholas,

Thanks for asking.

You can take a look at the solution mentioned in following thread.

On scroll change Navbar background color

Thanks.

[nicholasvjones]

Hi Prasant,

Thanks for the reply. I’ve put the code in but when I scroll the header is fixed but it’s background is still the image I have used. It hasn’t changed to a plain colour.

Regards,

Nick

[paul.r]

Hi Nick,

For it to work, you need to Set NAVBAR POSITION to Fixed Top under Theme Options > Header

Thanks