Integrate Max Mega Menu in header

  • Resolved milani6

    (@milani6)


    4 months, 1 week ago

    HI.
    I have a problem that I can’t solve.
    I installed the Max Mega Menu, when I go to the header with the mouse, the background-color changes from transparent to white, while the Item Font (Hover) text changes from white to black… (see the home menu on the right which is the menu of the theme).
    https://www.m6.milani6.com/test/
    https://www.m6.milani6.com/test/contact-2/

    I would like it to change color from white to black, also the Max Mega Menu on the left… to explain better, when I go to the header … Item Font (Hover) I would like all the menu items to become white.
    I am unable to integrate Max Mega Menu into the theme.
    How can I do? Can you help me?
    Thank you.

    The page I need help with: [log in to see the link]

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

    (@megamenu)

    4 months, 1 week ago

    Hi,

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

    .site-header:hover #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
  color: black;
}

    Regards,
    Tom

    Thread Starter milani6

    (@milani6)

    4 months ago

    Hi, thanks for the help.

    I still have a little problem.

    When I scroll down the page and pop out the menu again, the menu text remains white, when it should be black like the logo.

    can you help me?
    Thanks to the availability.
    https://www.m6.milani6.com/test/

    Plugin Author megamenu

    (@megamenu)

    3 months, 4 weeks ago

    Please try changing the CSS to this instead:

    .site-header.headroom--pinned #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
     .site-header:hover #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
      color: black;
    }
    Thread Starter milani6

    (@milani6)

    3 months, 4 weeks ago

    Fantastic.. thank you so much

    Thread Starter milani6

    (@milani6)

    3 months, 3 weeks ago

    hi… sorry to bother you again. Unfortunately the menu does not return to the defined color if you scroll down.
    If you scroll down the page, go back up to the top, the menu text changes color from white to black…

    .site-header:after #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    color: #fff;
    }

    I tried to insert this, but it doesn’t work… I don’t know what to do…

    Plugin Author megamenu

    (@megamenu)

    3 months, 3 weeks ago

    Hi milani6,

    That is happening because the ‘headroom–pinned’ class is not getting removed when it should be (when you scroll back up and the header becomes unpinned). I can’t see any other classes to work with, so you’d need to ask your theme authors to correct that.

    Regards,
    Tom

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.