WordPress get or set active menu class

2 comments

1. This is relatively easily done with a filter.

   function alter_menu_class_wpse_113022($args) {
     // var_dump($args); // debug
     $args['menu_class'] = 'my-nav-menu';
     return $args;
   }
   add_filter('wp_nav_menu_args','alter_menu_class_wpse_113022');
   

   That will make this line:

   <ul id="menu-scroll" class="nav-menu">
   

   Look like this one:

   <ul id="menu-scroll" class="my-nav-menu">
   

   But that could cause themes to break horribly. If a theme has used that class to apply styles to the menu, which would be a reasonable thing to do, you’ve just broken all of that styling. The effected menus will look terrible and may not even function. This is a very, very bad idea. Please don’t do it.

2. This is the following safer way to add class to nav menu wrapper as it will not overwrite existing class.

   function append_new_menu_class($args) {
     $args['menu_class'] = $args['menu_class'].' my-nav-menu';
     return $args;
   }
   add_filter('wp_nav_menu_args','append_new_menu_class');
   

   The following code adds custom class to nav menu ul tag

   function add_menuclass( $ulclass ) {
     return preg_replace( '/<ul>/', '<ul class="custom-class">', $ulclass, 1 );
   }
   add_filter( 'wp_page_menu', 'add_menuclass' );
   

Comments are closed.