Hi lensdigital.
Thank you for contacting us and for using our theme, we appreciate it.
In case of our demo page for kale, it is a feature. 🙂 But it could be changed using some additional CSS if you’d like to have it that way?
Kind regards.
I think looks a bit odd that you own highlight the options that have submenus and not all of them.
Is it simple CSS to do them all?
Yes, you can try to add this to Appearance -> Customize -> Additional CSS:
.navbar-default .navbar-nav > li > a:hover {
background-color: #ff0;
}
Change colour #value as you wish.
Please let me know if it works.
Kind regards.
Thanks, that works. I now have the following CSS to change the menu color. Does this sound right?
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
background-color: rgba(175, 206, 244, 0.5) !important;
}
.navbar-default .navbar-nav > li > a:hover {
background-color: rgba(175, 206, 244, 0.5) !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{
background-color: rgba(175, 206, 244, 0.5) !important;
}
.navbar-default .navbar-nav > .current_page_item > a {
background-color: rgba(175, 206, 244, 0.5) !important;
}
.navbar-default .navbar-nav > li > a:hover {
background-color: rgba(175, 206, 244, 0.5) !important;
}
a:hover, a:focus {
background-color: rgba(175, 206, 244, 0.5) !important;
}
I don’t see anything obviously wrong with it.
Two things I’ve noticed is that it applies bluish background on hover to ALL links on the page and that if you have a category in the Main menu and you click on it, its active colour still stays greyish. Active pages are bluish.
Kind regards.
Thanks for the feedback. I don’t plan to have categories in the main menu so that should be fine.
The other issue I will sort out.
Thanks again.
