Applying the hover styling to active sub menu items

[ad_1]

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;

}

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer