/PHP/Wordpress/Wordpress add class on navigation menu

Wordpress add class on navigation menu

// add a custom class to nav_menu li
function add_additional_class_on_li($classes, $item, $args) {

    if (isset($args->add_li_class)) {
        $classes[] = $args->add_li_class;
    }
    return $classes;
}
add_filter('nav_menu_css_class', 'add_additional_class_on_li', 1, 3);

// add a custom class to nav_menu anchor
function add_additional_class_on_anchor($classes, $item, $args) {

    if (isset($args->add_anchor_class)) {
        $classes['class'] = $args->add_anchor_class;
    }

    return $classes;
}
add_filter('nav_menu_link_attributes', 'add_additional_class_on_anchor', 1, 3);

// code on header
@php
$nav_classes = [
'theme_location' => 'primary_navigation',
// div tag
'container_class' => 'ml-auto',
// ul tag
'menu_class' => 'nav justify-content-center',
//li tag
'add_li_class' => 'nav-item',
//a tag
'add_anchor_class' => 'nav-link',
];

if (has_nav_menu('primary_navigation')) {
  //display navigation menu
echo wp_nav_menu($nav_classes);
}
@endphp

Similar codes

0 vote297 views1 answer
Wordpress check if page is password protected
PHP Wordpress
0 vote188 views1 answer
How-to-call-ajax-in-wordpress
PHP Wordpress
3 votes210 views3 answers
Wordpress logout
PHP Wordpress
0 vote198 views1 answer
Wp limit post revisions
PHP Wordpress
9 votes213 views3 answers
Define url wordpress
PHP Wordpress
0 vote198 views1 answer
Get product price wordpress
PHP Wordpress
0 vote214 views3 answers
Slick slider and ACF Pro in WordPress
PHP Wordpress
13 votes304 views2 answers
Wp get logged in user id
PHP Wordpress
21 votes325 views6 answers
Do shortcode wordpress
PHP Wordpress
7 votes220 views3 answers
Wordpress get date of post
PHP Wordpress