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

Thank you. This worked.

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts