Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Mega menu rollovers

  • Hi

    I’ve implemented a mega menu using the following instructions https://docs.generatepress.com/article/building-simple-mega-menu/
    But the rollover doesn’t work (I don’t know css well enough, I’m afraid). Can anyone supply the css I need to make the rollover work properly please?

    Apologies i advance if this is a stupid topic!

  • I should add it’s the services section of the menu I want to turn into the mega menu

  • Hi there,

    The menu is showing as a mega menu:
    https://app.screencast.com/GtH2CX0hYb2s8

    What am I missing here?

    Let me know 🙂

  • Hi Ying. Thanks for your reply!

    I know it’s showing as a mega menu but I think it needs rollovers like the rest of the nav, to highlight menu selection. Do you get what I mean?

  • Do you mean the hover color?

    If so, modify the background-color in this CSS, or simply remove this line background-color: transparent !important;.

    @media (min-width: 769px) {
        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
    Specificity: (0,3,4) {
            background-color: transparent !important;
            color: inherit;
        }
    }
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.