[Support request] About "Mega Menus"

[Jose]

Hey Tom, sorry but on MAMP not live right now…

[Tom]

I would need to see the issue to debug, unfortunately. Can you replicate the issue on a live staging site?

[Jose]

Tom, just uploaded to the site which is live now → https://mariasmenu.com/

[Tom]

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 🙂

[Jose]

This is what we’re seeing… https://eqor.is/Jtb5HM

[David]

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;

[Jose]

Thanks David! That did the trick. I thought it would have inherited the primary navigation color & background instead. Made changes accordingly.

[David]

Awesome – glad to be of help.

[Author]

Posts