Change color sticky header

Hello,

On my website, i would like to change the color for sticky header.
Actually, the color is on the setting “light” for the header. So the sticky header is dark.
Can i change the sticky header, to display a light sticky header please ?

I would like to have black menu, black icon, white background header.

Thank you !

Have a nice day !

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

body .whb-sticked .whb-general-header {
    background-color: white;
}

body .whb-sticked .wd-nav[class*="wd-style-"]>li>a {
    color: black;
}

body .whb-sticked .wd-tools-element .wd-tools-icon {
    color: black;
}

Best Regards

Perfect, it’s work.

thank tou so much !

How i can activate white menu overlap only on the home page ?
And for other page, activate sticky menu ?

Do you understand me ?

Because, on the others page, the header is withe, with white background…

Thank you !

Hello,

You are Most Welcome.

You can try using a Custom header for the homepage by editing the page. And set the other header Default.

Screenshot for Clarification: Screenshot for Clarification: https://ibb.co/7zwcXQ2

Best Regards

Hello,

Perfect, thank you so much !

Have a nice day !

Hello,

We are thrilled that you loved your experience with XTEMOS,
We put customer experience and satisfaction as our priority, and your words reaffirm the hard work we put in every day. So thanks for your kind words and we look forward to seeing you again.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts