Add different span class to wp nav menu

If you want to add different classes to each menu, you can do that by JS. In JS just add a array, where you should save corresponding menu and it’s class. and run a each loop to add classes to menu.

Related Posts:

  1. Display a portion/ branch of the menu tree using wp_nav_menu()
  2. Dynamically exclude menu items from wp_nav_menu
  3. Display only page specific sub menu items using Custom Walker
  4. adding some custom html code to the wp_nav_menu function
  5. non-clickable placeholder in the menu
  6. How to Move the Author Metabox into the “Publish” metabox?
  7. How do I give class to the dropdown sub-menu in the wp_nav_menu?
  8. Ways to give a wp_list_pages menu link specific class names?
  9. I want remove last after wp_nav_menu
  10. Add log in link to menu in Twenty Twelve
  11. Organizing by super-categories (or nested categories)?
  12. wp_list_pages – show pages immediately 1 level below current level
  13. Add within the output of
  14. how to automatically generate hierarchical menus from hierarchy of pages?
  15. How do I get my wp_nav_menu single category page to highlight the parent?
  16. Add sidebars to navigation menu?
  17. Where to update the Static Pages Blacklist for Multisite Install?
  18. How to create a category menu?
  19. Adding a ‘mega menu’ to my site without a plugin
  20. Vertical Sidebar Menu Parent and Child not displaying correctly [closed]
  21. Hide Menu items base on capability
  22. How to show Home Page link in WordPress Menu and how to add an icon to this?
  23. Remove li from wp_nav_menu
  24. Outside the loop, how can I echo the current page’s menu title?
  25. I am facing a problem with the navigation menu of my website
  26. Menu link to all posts (all categories included)
  27. How do you return a menu with the menu name?
  28. do_action appearing outside of menu?
  29. two menus show different menu based on what menuitem is selected on menu1
  30. Appending a GET-Variable to wp_nav_menu
  31. You do not have permission to create Navigation Menus – Twenty Twenty-Two theme
  32. Walker class conditional based on parent menu item label or custom css class
  33. ‘wp_get_nav_menu_items’, when fired inside of the ‘wp_update_nav_menu’ hook, returns old menu items, instead of new
  34. Menu custom link not working for external site
  35. How to override the theme home page?
  36. custom walker class
  37. Sticky Header in WordPress using BootstrapWP theme [closed]
  38. Walker Class – Check if menu item has description and if so add class to li
  39. Multiple languages menus problem
  40. Displaying different page links on different pages
  41. register_nav_menus, then create menus programatically
  42. How can I switch pages?
  43. How to override menu markup?
  44. How to remove dropdown from wp_nav_menu
  45. How can template identify what page it’s being used on?
  46. Automatically Display Sub Menu
  47. Recent Posts widget missing current_menu_item class
  48. Custom Post Menu link reverting to Blog menu item
  49. WordPress custom Nav Walker
  50. Highlighting Active Page in Navigation when Viewing Child Pages
  51. In admin edit-menu screen, newly added menu items always go to the bottom of the list
  52. Static site menu with multiple ul’s to wp menu
  53. How can I make wp_nav_menu() support tags?
  54. Filter to hook into menu items and add a custom attribute
  55. Adding a tag to wp_nav_menu
  56. Adding Pipes to Menu Output
  57. select a main navigation menu per user type from multiple main navigation menus
  58. wp_nav_menu li item empty
  59. Custom Menu in Themes not working even in Twenty Eleven theme
  60. Using CSS ID’s and Classes with images in a WordPress Horizontal Menu
  61. Determining the “current_page” in WordPress Custom Menus
  62. Child pages don’t become submenus (as in the twenty-ten theme)?
  63. Secondary Menu Not Functioning as a Sticky Menu
  64. Menu elements load very slow
  65. cannot get global $menu value in form request
  66. Show Sub Menu on click and not hover
  67. Nav Menu: Theme Location not working
  68. Remove Link from WordPress Menu
  69. is MariaDB error related to Automatically add new top-level pages
  70. WordPress menu walker – help to add custom class for each submenu
  71. What is inside in $item in start_el function in Walker_Nav_Menu class
  72. How to make a section id menu w/multiple pages
  73. choose selected for select option with condition [closed]
  74. Menu doesn’t open on mobile
  75. wp_update_nav_menu also triggers post_updated
  76. Disable Top Nav Bar on Mobile
  77. Menu location switcher – example code fails
  78. Problem with positioning of the menu in custom WP style
  79. WordPress Menu Customizer
  80. Show post titles within WordPress bootstrap Dropdown menu
  81. Programmatically add a Navigation menu and menu items
  82. Site-wide tabs at WordPress website?
  83. How to make menu output links absolute
  84. Change header menu login-logout without changing main menu
  85. Importable Menus? Along with Pages (a site layout template)
  86. Menu Structure with Links failure to update
  87. How do I remove a menu from a theme?
  88. Access CSS Classes specified in Menu options
  89. Query for menus in backend (BE)
  90. How to output the menue structured for tabbed navigation?
  91. Add more levels to menu
  92. Custom Menu based off custom header
  93. WordPress Navigation
  94. Showing Custom Menus in the sidebar
  95. Adding an additional menu in WordPress
  96. Making current_page_item work with wp_list_pages in sidebar on post pages
  97. My Menu Disappears on my Custom Link Homepage on Mobile
  98. How to centre menu items on horizontal nav bar? (e.g. make margins equal) [closed]
  99. Display sub menus as separate lists
  100. Menu problem : when add wordpress element in menu it convert into empty custom link
error code: 523