I am new to Oxygen ( I kinda like it tho 🙃 ) and trying to put on it’s feet a website. I am using Headroom.js for my header to hide it on scroll. All good just that I have my header transparent initially and transitioning into a white one as the user is scrolling.
My issue is. How do I change my logo inage as the user starts scrolling while I am using the Headroom.js at the same time?. I know I need some Jquery but I don’t know how exactly to do it.
I tried giving the header ( headroom–unpinned ) an extra class and the write some Jquery where the extra class is added or removed based on the user behaviour.
** the header is a fixed one.
Thanks everyone 🙃
My link is