roscoe
asked 8 years ago

Hi,
I’m trying to get the color of the links in the main nav to retain their hover color when the user is hovering child items.
For example on the demo site, http://demo.designwall.com/dw-focus/, in the main nav, hover “Features” then “Sidebars” then “Right Sidebar”, with the cursor there, I’d like Features and Sidebars to remain red.
I’ve tried styling with these selectors:
.navbar .nav li a:active, .navbar .nav li a:hover, .navbar .nav li a:focus, .dw-mega-menu-open a

But none of those seem to work when hovering the child elements.

Any help is appreciated.

Thanks

2 Answers
DominicStaff
answered 7 years ago

At the moment, the theme has an option to select the color for the categories link, all the menu in our demo is the categories with another color. you can select default if you don’t want to use it.
If you want to change the red color to another color, you can let me know and send me your site URL, I will check and help you resolve it.  

roscoe
replied 7 years ago

Hi,
Thanks for the reply, but I don’t think you understood my question. Here is a screenshot: https://postimg.org/image/o72e1sjlf/

With the cursor on “Right Sidebar”, I want “Features” and “Sidebars” to retain their hover state color.
I want the parent menu items to stay red when hovering the child elements. Currently the parent elements turn back to black when you move the cursor to the child elements.

I hope that makes sense. Thanks for the help.

DominicStaff
answered 7 years ago

To resolve this issue, you can add the following code to the style.css file: 

.navbar-default .navbar-nav>li:hover>a {
   color:#ee3224;
}
.main-navigation .dw-sub-menu>li:hover>a {
  color:#ee3224;
}
roscoe
replied 7 years ago

perfect, thanks so much

Mason Ammar
replied 7 years ago

thank you so much!

Powered by DW Question & Answer Pro