Can the header text change color?

Hello,

Maybe you are using the custom header on your site, Woodmart theme provides the option to create different headers for different pages: https://xtemos.com/docs-topic/how-to-set-different-header-for-specific-page/

You can check the custom header for a separate page and change it with the default header https://xtemos.com/docs-topic/options-for-pages/

Or if you want the custom header on your site and change the menu color from black background to white (Your 3rd Screenshot) then share the page URL i will check and give you a possible solution.

Best Regards,

Hello,

To achieve the desired header behavior, follow these steps:

Transparent Header & White Text/Icons

You can change the menu font color by following these steps:

1. Navigate to: Theme Settings > Typography > Advanced Typography
2. Create a new rule for the “Main Navigation Links” item.
3. Adjust the color settings as needed to ensure white text on a transparent background..https://ibb.co/h7NwMp5

For detailed instructions, please refer to the documentation:
https://xtemos.com/docs/woodmart/advanced-typography-settings/

.whb-main-header .wd-tools-element .wd-tools-icon {
    color:#ffffff !important;
}

To ensure the header changes to a white background with black text/icons on the scroll, add the following CSS:

.whb-sticked .wd-header-nav .wd-nav[class*="wd-style-underline"] .nav-link-text {
    color: #000000 !important;
}
.whb-sticked .wd-tools-element .wd-tools-icon {
    color:#000000 !important;
}

Best Regards,

Hello,

You’re very welcome! I’m glad I could help. If you need anything else, feel free to reach out!

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards,