Need different font color for header navigation menu for when header is sticky
-
Need different font color for header navigation menu (and respective dropdown lists) for when header is sticky.
Currently, only able to set one color irrespective of whether header is sticky or not.
-
This topic was modified 1 year, 11 months ago by
harshbnshah.
-
This topic was modified 1 year, 11 months ago by harshbnshah.
Attachments:
You must be
logged in to view attached files.
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: #d30f0f;
}
Best Regards.
Hello,
I am having the same issue but I would like to change the color in the normal header, not the sticky font color.
Can you provide a css for that as well?
If I change the color in the class .xts-nav-text it changes the color of the sticky header as well obviously.
Will you add this to a normal setting option? I think it is quite needed.
Thank you,
Christian
EDIT: sticker and hover of course.
So the header colors should be:
– Normal: #FFFFFF
– Hover: #000000
– Sticky: #000000
Hello,
You can change the menu color and hover through Theme Settings > Typography > Advanced typography > create a new rule with the “Main navigation links” item. It will change the menu color on the normal header.
Here is the documentation providing more detailed instructions:
https://xtemos.com/docs/woodmart/advanced-typography-settings/
And for the sticky menu color try to use custom css code:
Best Regards.
.
