How to overwrite the sub menu and sub sub menu class name in wordpress

Posted by bput4all on February 12, 2021 · Leave a Comment 

Below is a simple function to overwrite the sub menu and sub sub menu class in the wordpress. You simply need to add it in themes functions.php file or create a plugin out of it. It is very useful while creating custom nested menus in wordpress 5.6.

add_filter('nav_menu_submenu_css_class','add_menu_class', 10, 3 );
function add_menu_class( $classes, $args, $depth ){

    foreach ( $classes as $key => $class ) {
        if ( $class == 'sub-menu' && $depth == 0) {
            $classes[ $key ] = 'sub-menu-class';
        }elseif($class == 'sub-menu' && $depth == 1){
            $classes[ $key ] = 'sub-sub-menu-class';
        }
    } 
    return $classes;
}

Filed under Uncategorized · Tagged with wordpress, wordpress 5.6, wp custom menu class, wp sub menu class