Stick header Background and Menu Color
-
Hello,
How can I change the background color of the sticky menu AND the menu text color?
Hello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .whb-sticked .whb-general-header {
background-color: yellow;
}
body .whb-sticked .wd-nav[class*="wd-style-"]>li>a {
color:red;
}
body .whb-sticked .wd-nav[class*="wd-style-"]>li.menu-item-has-children>a:after {
color:red;
}
body .whb-sticked .wd-nav[class*="wd-style-"]>li.menu-item-has-children:hover >a:after {
color:green;
}
body .whb-sticked .wd-nav[class*="wd-style-"]>li>a:hover {
color:green;
}
body .whb-sticked .wd-nav[class*="wd-style-"]>li.current-menu-item >a {
color:blue;
}
Best Regards
Thanks. How can I make the burger menu icon on mobile dark on the mobile. You can check it out now on the same link.
Hello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .wd-header-mobile-nav .wd-tools-icon:before {
color:black;
}
Best Regards
Thanks but I just want it black for the sticky header. This code also makes the regular header icon black.
Hello,
Please try to replace the code with this one:
body .whb-sticked .wd-tools-icon:before {
color:black;
}
If you have any questions please feel free to contact us.
Best Regards
You are welcome! We are here to help.
Wish you a wonderful day!