[Support request] Target Mega Menu sub menu parent items

[David]

Hi,

I have an issue that I can’t fix – my mega menu sub menu parent items aren’t links, so I want no pointer effects or hover effects on them. I’ve managed that ok but when hovering over the child items in the sub menu, the hover effect applied to those items (change font color to white) is also being applied to the parent item, which makes it invisible – I need these parent items to stay the color they are. If one of the child items is active, the behavior is as I want (no hover effect applied to the parent when hovering over the child), but the non active columns result in the parent being affected, not when the parent itself is hovered over, just the child items.

Link provided

[David]

Hi there,

the URL you provided is just a blue screen ? Can you confirm the link ?

[David]

Sorry, no idea why that is happening, do you have an email address so I can give you a login?

[David]

I’ve set you up as a user, details below

[David]

Try this CSS:

@media(min-width: 769px) {
    .main-navigation .main-nav li.mega-menu > ul > li:hover > a {
        color: #000 !important;
        background: transparent;
    }
}

[David]

Great, thanks David, that did the trick.

[David]

Glad to hear that

[Author]

Posts