Hi,

Thanks for contacting us. You can use this custom CSS for changing the header color

#sp-header.menu-fixed{
    background-color: #2e2b2f !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

-Regards.

Hello raphael.talon

What do you want to change when scrolled down? Please specify so that I can give it a try.

Best regards

Hello,

thank you for your answer. Let me clarify a little bit.

If you check this web site : https://www.domainedemanville.fr/ You'll see that the logo is on the middle with the hamburger menu completly on the left : https://prnt.sc/sdMqvP3gQwlL Then when you scroll down, the logo change to text, header change to black : https://prnt.sc/HoCWi48aWTxH and a module "book" is added to the header. I'd like to do exactly the same thing. But for now, I'm not able to put hamburger menu completly on the left or language selector completly on the right. (position Top3) https://prnt.sc/dWENkXPIWQJc I don't know how to change the header when scroll down to have : Hamburger Menu & text on the left and module "book" (position Top2) and language selector (Top3) on the right. I'd like to change the header color from black to 32703e

Thank you so much for your help!

Raphaël

Please share the exact page link that matches with this screenshot:

https://prnt.sc/dWENkXPIWQJc

Thx for your help :-)

and btw, I'd like the same behavior on mobile devices 😁, Thank you

Hello, do you have any news please ?

Thank you so much

Apology for the delay. Your given credentials do not match. Please check and share again.

Hello, sorry about that, pb fixed. You can log-in now. Thank you

Please use this CSS to Template Options -> Custom Code -> Custom CSS

#sp-header.header-sticky {
    background-color: #32703e;
}

Hello,

https://prnt.sc/hSRSmSVa6BqF it doesn't change the header color. The first command sent by Mehtaz Afsana Borsha, doen't work neither.

Let me clarify , I'd like to have :

1. Header transparent, logo on the middle, and the hamburger menu completly on the left.
2. When I scroll down, change the header color, change logo to text and keep hamburger menu Exactly like this :
3. https://prnt.sc/sdMqvP3gQwlL
4. https://prnt.sc/HoCWi48aWTxH You can have a look on this website : https://www.domainedemanville.fr/

thank you!

Sorry, we do not provide customization support. Please hire a developer to do this. It can be possible with CSS.