Different hover color then current color?

Hi Sjoerd,

Please can you try this?

https://www.maxmegamenu.com/documentation/highlight-active-menu-items/#using-custom-styling-for-active-menu-items

Regards,
Tom

Worked for the current tab! (on the documentation page it is missing a } closing) under the “Using Custom Styling for active menu items”. Now for the hover on sub menu i don’t see any changes yet added all 3 of the css lines.

/* Apply Hover Styling to active Mega Menu - Second Level Links */
#{$wrap} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    color: $panel_second_level_font_color_hover;
    font-weight: $panel_second_level_font_weight_hover;
    text-decoration: $panel_second_level_text_decoration_hover;
    @include background($panel_second_level_background_hover_from, $panel_second_level_background_hover_to);
}

or i need this 1:

/* Apply Hover Styling to active Flyout Links */
#{$wrap} #{$menu} li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    @include background($flyout_background_hover_from, $flyout_background_hover_to);
    font-weight: $flyout_link_weight_hover;
    text-decoration: $flyout_link_text_decoration_hover;
    color: $flyout_link_color_hover;
}

Do i need to specify any color in these?

Thanks so much for your time!

Sjoerd

Hi Sjoerd,

Thanks for pointing out that error, I’ve fixed that.

The other bits of CSS you’ve pasted will apply the hover styling to the active menu item. So you need to apply hover styling in the theme editor first, or you could change the CSS to use your own colours. Highlighting sub menu items is unreliable, to give it the best chance of working make sure your menu structure matches your page structure.

Regards,
Tom

Thanks for your time,

i’ll try some stuff out ??