How To Highlight The Active Page Link in MaxMegaMenu
erics, Posted January 21st, 2016 at 6:03:48pm
WordPress Admin -> Mega Menu -> Menu Themes
Select the theme to edit, then scroll to the bottom and edit the area for the CSS Editor under Custom Styling.
Add the following to affect the Menu Bar type menu:
|
1 2 3 4 5 6 |
#{$wrap} #{$menu} > li.mega-current-page-ancestor.mega-menu-item-has-children > a.mega-menu-link, #{$wrap} #{$menu} li.mega-current_page_item > a.mega-menu-link, #{$wrap} #{$menu} li.mega-current-menu-item > a.mega-menu-link { color: #FDBE5E; } |
Use the above pattern to affect other menu types…as always, YMMV.
Categories: How-To's, Technology Active, Bold, Color, Highlight, howto, MaxMegaMenu, Menu, Navigation, Page, tips, WordPress
Leave Your Comment
All fields marked with "*" are required.