[Resolved] No hover effect on GP Mega Menu

[Juned]

Dear Team,

The 1st URL is my site URL.

The 2nd one is the screenshot: when I hover on (primary menu) ‘CONCEPT’, the hover color appears correctly.

The 3rd one is also screenshot: showing that when I hover on Mega Menu, the hover effect doesn’t work. I created this Mega Menu with the help of this: https://docs.generatepress.com/article/building-simple-mega-menu/

Please suggest where I am missing? (I mean the hover effect should work similar to both – regular and mega menu)

[Ying]

Hi there,

It’s because of the CSS you added:

   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;
    }

[Juned]

Thanks. I removed this and now working correctly.

[Ying]

You are welcome 🙂

[Author]

Posts