I want to change header text color on sticky header when scroll down

Hi,

so I have changed the sticky header to transparent and also changed the color of the menu to white it’s looking good but as mentioned that the header is sticky but when you scroll down the header background is white and the menu color is also white so the menu and other items in the header are not visible on the scroll. Now I want the item color black when someone scrolls down.

Thank you in advance.

Best Regards.

[admin-8347]

Sorry Forgot to attach the Screen Shots.

• This reply was modified 1 year, 7 months ago by admin-8347.

Attachments:

You must be logged in to view attached files.

Hello,

Please navigate to WoodMart -> Header builder -> in the settings of your current header turn on the “Sticky header clone” option (more detail in the below screenshot).

https://monosnap.com/file/mShNXtB2FeDIpbkYvB6VF0sL9w06mv

In case you need any additional help, I’d be more than happy to assist you.

Kind Regards

hi but I just want to change the header item color on scroll

Basically, I want to say that I want to change the color of the text and other items on scroll. leave the white text as it is on transparent header

Thanks

Hello,

With the help of the below code you can change the text color on the sticky header, please enter it into the “Custom CSS for desktop” area in Theme Settings -> Custom CSS.

.whb-sticked .wd-header-main-nav li a span,
.whb-sticked .wd-tools-element a {
    color: #333;
}

Kind Regards

Thank you sir it’s working perfectly.

best Regards

Hello,

Always remember that you can reach out to us with any questions you may have.

Wish you all the best.

Kind Regards

[Author]

Posts