• Resolved kbeautynami

    (@kbeautynami)


    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 11 months, 2 weeks ago by kbeautynami.
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Max Mega Menu Hover Second Level’ is closed to new replies.