Sticky menu background color

Hey again,

Wondering if you can post the CSS to change the menu background color when sticky. I checked some earlier posts here in support, but the CSS isn’t working..sorry for the bother.

URL is posted in private, when you scroll down, it’s transparent like on landing/top (which is good), but I’d like the background when sticky to be white, and the main nav links to be black.

Thank you!

Hello,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS. Change the color code as per your requirements.

.whb-sticky-shadow.whb-sticked .whb-row:last-child {
    background-color: white!important;
}
.whb-sticked .wd-nav[class*="wd-style-"]>li>a,
.whb-sticked .wd-nav[class*="wd-style-"]>li>a:hover,
.wd-header-html .btn-style-bordered.btn-color-white{
    color: #0e0e0e !important;
}

Best Regards,

Hey again, thank you, applied the CSS but no change.. The sticky menu is still transparent, and the text remains white.

[Author]

Posts