Site logo

Archived topic

No hover effect on GP Mega Menu

3 replies · Started by Juned on October 13, 2022

Viewing posts 1–4 of 4

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)

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

Thanks. I removed this and now working correctly.

You are welcome :)

This archived topic is closed to new replies.