problem menu transparent

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author megamenu

    (@megamenu)

    5 years, 4 months ago

    Hi Raffo,

    Please go to Appearance > Customize > Additional CSS and add the following:

    body.page-id-20204:not(.ast-primary-sticky-header-active) #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    color: white;
}

    That will work for the homepage. If you want to use it on other pages, you’ll need to view the page source and find the page ID on the body element, and adjust the CSS like this:

    body.page-id-20204:not(.ast-primary-sticky-header-active) #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link.
body.page-id-XXXXX:not(.ast-primary-sticky-header-active) #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    color: white;
}

    (replacing XXXXX with the page ID)

    Regards,
    Tom

    Thread Starter raffodesigner

    (@raffodesigner)

    5 years, 4 months ago

    thanks for answering me !! I added the code but unfortunately it doesn’t work ..

    could you help me?

    thank you so much

    Plugin Author megamenu

    (@megamenu)

    5 years, 4 months ago

    Hi raffo,

    Please check the CSS you have pasted, it seems the “>” characters have been converted:

    2021-01-05_10-47-39

    Regards,
    Tom

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘problem menu transparent’ is closed to new replies.