How to disable highlight on hover

Hi Mr108,

Please go to Mega Menu > Menu Themes and insert the following into the custom styling section at the bottom:

#{$wrap} #{$menu} li.mega-disable-link > a.mega-menu-link {
    pointer-events: none;
}

Regards,
Tom

Hi Tom,

Thanks for your super quick response ??

Yes, that fix is working OK.
Since I’m just a beginner I’d like to learn from this as much as possible so here are my questions:

1. Why couldn’t I find this when using Firebug?

2. I just tried to add another empty custom menu item like above, just for testing, and that one was still showing a highlight. So is that line of code specific for the first one only?

Marek

Hi Marek,

The CSS is compiled, so “#{$wrap} #{$menu}” will turn into something like “#mega-menu-primary-wrap #mega-menu-primary” – it depends on your theme’s menu location IDs. If you look closer, you will find it (in fact, here it is: https://screencast.com/t/vIKrCdmO )

Regarding your second point, I’m not sure. The CSS is not specific to the first item only. If you want me to look closer please add the link back in and I’ll take a look.

Regards,
Tom

Hi Tom,

Thanks for clarification about the CSS.

I added another empty link ‘something just for test’ and it’s being highlighted – not sure why since the CSS looks the same as the first item in that menu. Let me know why it’s like that.

Marek

Hi Marek,

It is because you do not have the ‘Disable Link’ option enabled for the new menu item.

Regards,
Tom

Of course! Sorry, I missed that.
Still have to get used to remember all the various options that are in MMM, which shows how well it is designed.

Thanks again
Marek