Add Different Class on Different Ul in twenty-twentyone theme

Question

Add Different Class on Different Ul in twenty-twentyone theme

Pappu Chaudhary

2021年6月30日 16:22

I'm creating a custom menu with wp_nav_menu. I want to add different classes on menu and submenu which are coming under different li, but unable to find a solution. Can anyone help me to figure out this question. I am sharing the HTML part which I am trying to convert for making menu dynamic.

ul
lia href=#Home /a/li
li class=menu-dropdowna href=#Supplies i class=ion-ios-arrow-down/i/a
    ul class=sub-menu
        lia href=#Chemicals/a/li
        lia href=#Food/a/li
    /ul
/li
li class=menu-dropdowna href=#More i class=ion-ios-arrow-down/i/a
    ul class=sub-menu
        li class=menu-dropdown position-statica href=#Supplies i class=ion-ios-arrow-down/i/a
            ul class=sub-menu sub-menu-2
                lia href=#All/a/li
                lia href=#Chemicals/a/li
                
            /ul
        /li
        
        lia href=#Blogs /a/li
        lia href=#Contact Us /a/li
    /ul
/li

Code that I am using in my site-nav.php is

$args = array(
    'menu' = 'primary-menu',
    'container' = '',
    'depth' = 3,
    'fallback_cb'  = false,
    'add_li_class' = 'menu-dropdown',
    );
wp_nav_menu($args);

Please help.

Topic theme-twenty-twenty-one sub-menu navigation menus Wordpress

Category Web

Nikita TSB · Accepted Answer · 2021年6月30日 16:22

add_li_class isn't valid arg for wp_nav_menu

Try this in your functions.php

add_filter( 'nav_menu_css_class', 'add_my_class_to_nav_menu', 10, 2 );
function add_my_class_to_nav_menu( $classes, $item ){
    $classes[] = 'menu-dropdown';
    return $classes;
}

Add Different Class on Different Ul in twenty-twentyone theme

About