The menu hover behavior in the Grid One theme is inconsistent

Avatar
  • Answered
This question applies to the Grid One BoldGrid theme. Items on the top level primary menu change color when the cursors hovers over them. However, when I add child items to a top level item, the hover behavior changes to a button-like box for both the primary link and for the items beneath it. The hover behavior for the rest of the primary menu items does not change. Is there a way to make the hover behavior the same for all menu items?
Avatar
-5
CaseyB
Hello, Thank you for your question about the hover behavior with the Grid One theme in BoldGrid. You will need to identify the hex value of the color you want your link to be. Do this by clicking 'Colors' in the BoldGrid Customizer, then clicking on the color you want, and copying the letters and numbers that will look something like #abc123. Then, you should be able to modify the class that for the hover action by customizing your CSS from the Advanced tab in BoldGrid. Add a new line in the CSS editor and paste the following code, but be sure to switch the #abc123 for your color value:
.palette-primary .navbar-default .navbar-nav > .open > a,.palette-primary .navbar-default .navbar-nav > .open > a:hover,.palette-primary .navbar-default .navbar-nav > .open > a:focus,.palette-primary .navbar-default .navbar-nav > .current-menu-parent > a,.palette-primary .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,.palette-primary .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{ background: inherit; color: #abc123 }
Gratefully, Casey