Breaking News: Grepper is joining You.com. Read the official announcement!

Adding Conditional Classes to Menu Items

Indonesia People answered on April 27, 2022 Popularity 1/10 Helpfulness 1/10

answer Adding Conditional Classes to Menu Items

Adding Conditional Classes to Menu Items

Comment

/**
 * Filter the CSS class for a nav menu based on a condition.
 *
 * @param array  $classes The CSS classes that are applied to the menu item's <li> element.
 * @param object $item    The current menu item.
 * @return array (maybe) modified nav menu class.
 */
function wpdocs_special_nav_class( $classes, $item ) {
    if ( is_single() && 'Blog' == $item->title ) {
        // Notice you can change the conditional from is_single() and $item->title
        $classes[] = "special-class";
    }
    return $classes;
}
add_filter( 'nav_menu_css_class' , 'wpdocs_special_nav_class' , 10, 2 );

Popularity 1/10 Helpfulness 1/10 Language php

Source: developer.wordpress.org

Tags: conditional menu-items php

Link to this answer
Share Copy Link