Navigation list class

[Jean]

Hey Tom, I want to add a custom class for the navigation list items, I don’t know, maybe I need to use this funciton?

<?php
add_filter('nav_menu_css_class' , 'special_nav_class' , 10 , 2);
function special_nav_class($classes, $item){
     if(is_single() && $item->title == "Blog"){ //Notice you can change the conditional from is_single() and $item->title
             $classes[] = "special-class";
     }
     return $classes;
}
?>

From: https://codex.wordpress.org/Function_Reference/wp_nav_menu

What do you think?

[Tom]

Are you wanting to add custom classes to specific menu items?

If so, go to “Appearance > Menus” – in the top right corner, click “Screen Options”.

Then check the “CSS Classes” checkbox.

Now when you open your menu items, you’ll be able to give them a class.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Jean]

Thank you Tom, I never used this!

[Tom]

No problem! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts