Applying the hover styling to active sub menu items

  • Resolved pippamac

    (@pippamac)


    9 months, 3 weeks ago

    The code for applying styling to active sub menus does not work:

    /* 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);

    }

    The code on that page for ‘Applying Custom Styling to?active top level menu items’ does work.

    Is there a typo on the page?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter pippamac

    (@pippamac)

    I withdraw the question – I needed to include the rest of the code on that page, i.e.,

    /* Apply Hover Styling to active Flyout Links and ancestors */

    #{$wrap} #{$menu} li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,

    #{$wrap} #{$menu} li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,

    #{$wrap} #{$menu} li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-page-ancestor > 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;

    }

Viewing 1 replies (of 1 total)
  • The topic ‘Applying the hover styling to active sub menu items’ is closed to new replies.