Apply custom styling to third level flyout menus
The Theme Editor in Max Mega Menu will let you apply general styling to Flyout type sub menus. The same styling will apply to every level of the flyout.
To adjust the styling for third level flyout menus (leaving the second level using the settings set in the Theme Editor), go to Mega Menu > Menu Themes and paste the following into the Custom Styling area:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
/** FLYOUT - THIRD LEVEL ITEM DEFAULT **/ #{$wrap} #{$menu} > li.mega-menu-flyout > ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link { color: red; } /** FLYOUT - THIRD LEVEL ITEM HOVER **/ #{$wrap} #{$menu} > li.mega-menu-flyout > ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link:hover { color: blue; } /** FLYOUT - THIRD LEVEL ITEM ACTIVE/SELECTED **/ #{$wrap} #{$menu} > li.mega-menu-flyout > ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link { color: green; } |