Archived topic
About "Mega Menus"
22 replies · Started by rtomc on February 15, 2017
Hey Tom, sorry but on MAMP not live right now...
I would need to see the issue to debug, unfortunately. Can you replicate the issue on a live staging site?
Tom, just uploaded to the site which is live now → https://mariasmenu.com/
Not sure I'm seeing the issue. When I hover over any of the items, they turn light grey. However, I'm not seeing any child items changing color when I hover over the parent.
Let me know :)
This is what we're seeing... https://eqor.is/Jtb5HM
Hi there,
look for this CSS that was added for the Mega Menu:
nav .main-nav .mega-menu>ul>li:hover>a,
nav .main-nav .mega-menu>ul>li:focus>a,
nav .main-nav .mega-menu>ul>li[class*="current-"]>a,
nav .main-nav .mega-menu ul ul {
background-color: transparent !important;
color: inherit;
}
Change the color: inherit; to a color you want to use for hover and current e.g color: #f00;
Thanks David! That did the trick. I thought it would have inherited the primary navigation color & background instead. Made changes accordingly.
Awesome - glad to be of help.