How to add <li> class using wp_nav_menu() in WordPress?

In order to add a class to the <li> elements and/or the <a> elements in the wp_nav_menu() function, you will need to use the nav_menu_css_class and link_attributes filter hooks.

Add a class to the <li> element in the WordPress navigation menu.

Here is an example of how you can add a class to the <li> elements:

You will need to call wp_nav_menu() after this code is added to your functions.php

Add a class to the <a> element in the WordPress navigation menu.

Here is an example of how you can add a class to the <a> elements:

Again, you will need to call wp_nav_menu() after this code is added to your functions.php

Make sure to replace the string "my-custom-class" with the class you want to add.

Conclusion

I hope this helps! Let me know if you have any questions on Guestbook. Subscribe to my weekly newsletter for more WordPress tutorials like this.