Header text hover color change

[hotspring]

I am using Naked(light) for Header to be sticky at the top.

Once it sticks at the top, everything is working perfectly. However when you first load the page, and when it’s still transparent (Naked mode), hover state text color is being “Dark Green” which is perfect when it sticks at the top, but not when it’s being transparent. Is there a way for me to change the hover state text color to be “White” when it’s at the transparent state? just like for the Logo, there’s a “Alternative” Logo to swap with when it’s being changed from transparent to opaque.

Thanks,

[Kyle – SUPPORT]

Hi

In the page meta options you can select the ‘naked light’ header, this will make your menu items white

– Kyle

[hotspring]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

nav .menu > li.menu-item > a:hover, nav.std-menu .menu > li > a:hover{
color:#ddd !important;
}

.is-sticky nav .menu > li.menu-item > a:hover, .is-sticky nav.std-menu .menu > li > a:hover{
color:#ccc !important;
}

Thanks
Mohammad

[hotspring]

Thank you Mohammad, this worked great!

How about I have 2 pages (News, Contact Us) where I don’t want to apply the code you gave me. Is there a way remove the code in these 2 pages (News, Contact)?

Thanks,

[Mohammad – SUPPORT]

Hi,
Do you want any color for News and contact ?
Thanks
Mohammad

[hotspring]

yes, I want hover color to be #4d5c59 when it’s at the top being NOT sticky for News and Contact. and other pages hover color to be #fff.

sticky state works good for all pages.

thanks,

[Mohammad – SUPPORT]

Hi,
Please use this custom css code also:-

nav .menu > li.menu-item-310 > a:hover, nav.std-menu .menu > li.menu-item-310 > a:hover{
color:#4d5c59 !important;
}

nav .menu > li.menu-item-309 > a:hover, nav.std-menu .menu > li.menu-item-309 > a:hover{
color:#4d5c59 !important;
}

Thanks
Mohammad

[hotspring]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please add .home before all css code as i gave you in previous code. Change just like :-

.home nav .menu > li.menu-item-310 > a:hover, nav.std-menu .menu > li.menu-item-310 > a:hover{
color:#4d5c59 !important;
}

Thanks
Mohammad

[Mohammad – SUPPORT]

Hi,
Please add .home before all css code as i gave you in previous code. Change just like :-

.home nav .menu > li.menu-item-310 > a:hover, nav.std-menu .menu > li.menu-item-310 > a:hover{
color:#4d5c59 !important;
}

Thanks
Mohammad

[Mohammad – SUPPORT]

Hi,
Please add .home before all css code as i gave you in previous code. Change just like :-

.home nav .menu > li.menu-item-310 > a:hover, nav.std-menu .menu > li.menu-item-310 > a:hover{
color:#4d5c59 !important;
}

Thanks
Mohammad

[hotspring]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please provide me wordpress admin login detail. I make it resolve.
Thanks
Mohammad

[hotspring]

This reply has been marked as private.