Change Sticky header color on scroll

I want to change the color of my header when someone scroll the page.
When the person enters the page the header is white, but I want it when the person scrolls, the header turns blue, can someone help me?

Site: https://iseed.us/

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

#header-sticky-wrapper.is-sticky #header {
    background-color: lightblue;
    transition-duration: 0.5s;
}

#header-sticky-wrapper #header {
    transition-duration: 0.5s;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thanks, It worked, one more question, how do I decrease the size of the header to stay the same as the demo of the talon pro?

You are welcome!

Please create a new topic for this issue to keep forum in good order and make it easier to help you. I’ll close this topic to avoid confusion, hope for your understanding.

Kind Regards, Roman.