Change background-color of sticky header (but keep header on load transparent)

Dear,

Please check the link in private.

When page load, the header is transparent and this is OK.

When page scrolls down, the header has background-color black but I want to change this. Header at the top of the page should remain transparent but I just want the sticky header to change to another color. Which css class should I use?

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

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

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

Regards.
Xtemos Studios.

Perfect thanks, please close this ticket.

Hello,

We are thrilled that you loved your experience with XTEMOS,We put customer experience and satisfaction as our priority, and your words reaffirms 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