[Resolved] Mega Menu, child items, current color & background color

Home Forums Support Mega Menu, child items, current color & background color

This topic contains 3 replies, has 2 voices, and was last updated by  David 5 days, 3 hours ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1030911

    albabes

    Hi Guys
    Using your mega menu css here. https://docs.generatepress.com/article/building-simple-mega-menu/

    But in the customizer, color, the sub-menu items, the current colors don’t seem to work?

    Can you provide some CSS please for sub-menu, current items please?

    Thanks much.
    AL Guevara

    #1031363

    David Customer Support

    Hi there,

    this part of the CSS:

    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 it to:

    nav .main-nav .mega-menu>ul>li:hover>a,
    nav .main-nav .mega-menu>ul>li:focus>a,
    nav .main-nav .mega-menu ul ul {
        background-color: transparent !important;
        color: inherit;
    }

    Then it will respect the default nav colors. If you want to style them with your own CSS then use this CSS selector:

    nav .main-nav .mega-menu>ul>li[class*="current-"]>a

    #1031560

    albabes

    Thank you DAVID!!!

    #1031606

    David Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.