Integrate Max Mega Menu in header

Resolved milani6
(@milani6)

2 years 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 9 replies - 1 through 9 (of 9 total)

Plugin Author megamenu
(@megamenu)

2 years 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)

2 years 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)

1 year, 12 months 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)

1 year, 12 months ago

Fantastic.. thank you so much

Thread Starter milani6
(@milani6)

1 year, 11 months 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)

1 year, 11 months 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

arnaudbrr
(@arnaudbrr)

1 year, 7 months ago

Hello,

I’ve been trying to have the same hover option but i don’t know how to do.

From situation 1 to situation 2 when mouse is over the header.

// Situation 1:

background : transparent

logo : white one

color menu’s font : white

// Situation 2:

background : white

Logo : black (another file)

color menu’s font : black

could you help me please ?

thanks in advise.

Plugin Author megamenu
(@megamenu)

1 year, 7 months ago

Hi,

Please post your own topic and include a link to your site.

Regards,
Tom

arnaudbrr
(@arnaudbrr)

1 year, 7 months ago

hello Tom

it’s done.

thanks.

Regards

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

The topic ‘Integrate Max Mega Menu in header’ is closed to new replies.