Max Mega Menu Hover Second Level
-
Good morning, I am trying to do the hover effect on an image in a second level menu. What I want to achieve is that when I hover over the image it is covered with an opacity of, for example, 0.5 or it is covered with a grayer color. and place a short phrase on the same image so that when you click it, it sends you to another section. I found this code in the Max Mega Menu support, however when I put it in Custom Style it does nothing. I’m attaching the code to know if I’m doing something wrong (I know the code doesn’t do exactly what I want but it doesn’t do anything at all when I put it in), thank you very much in advance.
* 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,
#{$wrap} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > 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);
}
-
This topic was modified 2 years, 5 months ago by
kbeautynami.
-
This topic was modified 2 years, 5 months ago by
-
Hi kbeautynami,
This would be a complex modification (not something we would cover through support sorry), so I would suggest looking for an image widget that provides functionality you’re looking for (possibly something like https://ww.wp.xz.cn/plugins/image-hover-effects-ultimate-visual-composer/), then add that widget to the menu instead.
Regards,
Tom
The topic ‘Max Mega Menu Hover Second Level’ is closed to new replies.