Staff replied Templates

Header and Logo when scroll down.

Asked by raphael.talon 4 years ago Last activity 4 years ago

Hello,
I use shaper_cuisine template and I'd like to modify the header and logo when scroll down like this web site https://www.domainedemanville.fr/
I tried to add custom.css at least to change the header color but it doesn't seem to work.
Thx for your help

12 replies

Mehtaz Afsana Borsha Staff

4 years ago

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.

Ofi Khan Staff

4 years ago

Hello raphael.talon

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

Best regards

raphael.talon Asked this

4 years ago

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

Ofi Khan Staff

4 years ago

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

https://prnt.sc/dWENkXPIWQJc

raphael.talon Asked this

4 years ago · edited

Thx for your help :-)

raphael.talon Asked this

4 years ago

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

raphael.talon Asked this

4 years ago

Hello,
do you have any news please ?

Thank you so much

Ofi Khan Staff

4 years ago

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

raphael.talon Asked this

4 years ago

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

Ofi Khan Staff

4 years ago

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

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