How to add .active class to active menu item
<?php add_filter('nav_menu_css_class' , 'special_nav_class' , 10 , 2); function special_nav_class($classes, $item){ if( in_array('current-menu-item', $classes) ){ $classes[] = 'active '; } return $classes; }
Source: developer.wordpress.org
active menu item css
//unfocused .menuItem{ background-color:red; } //focused .menuItem:Focus{ background-color:blue; }