To change the hover state color of the navigation you can use the following code placed either in a child theme or a custom css plugin:
.navbar-inverse .nav > li > a:hover,
.navbar .nav li.dropdown.open>.dropdown-toggle:hover,
.navbar .nav li.dropdown.active>.dropdown-toggle:hover,
.navbar .nav li.dropdown.open.active>.dropdown-toggle:hover {
color:#fff;
}
Change #fff to your desired color.
Regards,
Zulf
Im putting this code in and when mousing over I still get the blue.
realmofhunters.com
.navbar-inverse,
.dropdown-menu {
background-color: #1e260a;
}
.navbar-inverse .nav > li > a:hover,
.navbar .nav li.dropdown.open>.dropdown-toggle:hover,
.navbar .nav li.dropdown.active>.dropdown-toggle:hover,
.navbar .nav li.dropdown.open.active>.dropdown-toggle:hover {
color:#26120a;
}
I am talking about mousing over the main menu options.
OK, you meant the background color – you need to be more specific 🙂
Simply include a background-color in the earlier code thus:
.navbar-inverse .nav > li > a:hover,
.navbar .nav li.dropdown.open>.dropdown-toggle:hover,
.navbar .nav li.dropdown.active>.dropdown-toggle:hover,
.navbar .nav li.dropdown.open.active>.dropdown-toggle:hover {
color:#fff;
background-color: #1e260a;
}
I’ve changed the color to white so that id does not clash with the background but feel free to change the value(s) to your desired color.
ok. that part worked. what about when the menu shows the button you click on for mobile or when sizing the browser down. how to change that color.
what about when the menu shows the button you click on for mobile or when sizing the browser down. how to change that color.
Please see this response for the code: https://wordpress.org/support/topic/menu-mouse-over-on-screen-resize?replies=2#post-5497852
Closing this thread as resolved.
Regards,
Zulf
