How to specify or extend the CSS-class of a menu item?

This is natively supported by WordPress. In the menus page, click “Screen Options” (in the upper right corner):

Screen Options

Then check “CSS Classes”:

Check CSS Classes

You will now have a “CSS Classes” Option for each menu item:

Enter CSS Classes

Related Posts:

  1. Removing container from wp_nav_menu not working
  2. Check if page is in a certain menu
  3. Show current navigation path from menu
  4. Is it possible to add classes to list items in wp_nav_menu()?
  5. How do I fix this error: Warning: invalid argument supplied for foreach()?
  6. Exclude one item from wp_list_pages( $args );
  7. different Menu position showing same menu
  8. How to add bubble count in WordPress wp_nav_menu menu?
  9. Add class to active top level (grandparent) menu item
  10. change front end menu depending on user login
  11. wp_nav_menu show 1 item only
  12. Sub-Pages only of menu items in current branch using a custom menu
  13. Hide and show menu subpages
  14. Mobile menu works on local XAMPP, but not on GoDaddy [closed]
  15. wp_nav_menu and fallback
  16. list pages only from master parent
  17. WordPress cache a menu with Transient API
  18. Disabling ‘posts’ in Appearance > Menus
  19. Counting top level items in a custom menu walker
  20. Wp menu add page link as custom empty link
  21. how do I add “home” menu item conditionally to custom menus?
  22. How to add div to top menu item
  23. wp_nav_menu including Skype URL
  24. Inserting additional   into menu item text
  25. Missing Menus Structure
  26. Why is my menu not ordered properly?
  27. How to add class to and childs of sidebar widget – WordPress
  28. Link to Homepage in Menu
  29. CSS for Created Menu “Active Selected” not working, everything else is!
  30. How do you link to a place in another page without any styling issues?
  31. Using a shortcode to create a dropdown menu from wp_nav_menu list items
  32. header menu structure: cannot add additional menu items without alignment issues
  33. My menu bar dissapeared with autooptimize [closed]
  34. Menu in left side don’t appears with dropdown
  35. getting the current sub item out of total sub items in a given dropdown (custom walker)
  36. WP custom nav menu problem
  37. Show WordPress Menu On External Site
  38. Create custom page and add it in nav menu by code
  39. Two-tone menu items
  40. How to highlight 1st level menu item based on actual page
  41. Add span in top menu item with nested itens
  42. Secondary Navigation Menudisappeared When using wp_nav_menu_items
  43. Submenu items not showing anymore on the navigation
  44. superfish.js seems it is not working properly after wordpress upgarde to 4.6.1
  45. How to add an attribute data-slug = “$specfic_page_slug” in WordPress menu item?
  46. Hide a menu on posts
  47. How to add a page to header that is outside of WordPress?
  48. Get current menu item label for specific parent menu [closed]
  49. Can’t create a SubMenu
  50. Add (grand)child pages automatically to nav menu
  51. Having trouble adding CSS class through menu to link
  52. Mobile screen does not display Primary navbar…just a three line icon [closed]
  53. How do I enable “metaboxes” by default in menu editor?
  54. The cart, checkout, and shop links not getting removed
  55. How to pass menu slug as a variable to wp_nav_menu?
  56. New Menu Item Type Meta Box
  57. Using Different wp_nav_menu theme_location based on page id (or a parent id)
  58. Display Menu Navigation Label
  59. Menu is not displaying on the site navigation [closed]
  60. Dynamically get the meta key value of a menu item based on it’s post ID
  61. Does this function wp_get_nav_menu_object check if a nav menu exists or is supported?
  62. Most allowed Taxonomies in Appearance->Menus
  63. Updated WordPress, now Navigation is Messed Up
  64. wp_nav_menu removing containing UL with ‘items_wrap’ => ‘%3$s’ not working
  65. How to show only current item children using wp_nav_menu?
  66. Option to create menu is missing
  67. New menu is not showing in api response
  68. Newly created header is not visible on website
  69. Copied site has wrong menu URL behaviour
  70. Removing wp admin menu item on top bar of admin backend
  71. Nav_walker add id to dropdown ul
  72. Navbar is hidden behind carousel when using wp-boostrap-navwalker
  73. WordPress nav-menus not finding page
  74. Sub Menus will not work
  75. Primary menu items are dissapearing
  76. Active Current Menu – Adding class to child theme
  77. WPML CMS Nav and Custom Nav_Walker Undefined Property Notices [closed]
  78. Add data-track to links in menu
  79. Is it possible to seperate wordpress menu by different div?
  80. How to add odd and even classes to all nav links through walker?
  81. Output sort number in wp menu list item?
  82. Check in walker if current page is descendant
  83. Add a non-dynamic phrase/character after a page title?
  84. Primery Menu Configuration problem
  85. how to display wordpress navbar with top menu outside wordpress system
  86. Active page link not getting class assigned
  87. Removing menu item doesn’t get removed on edit post
  88. Menus not showing in the admin menu, after save
  89. Customize Walker_nav_menu to show posts if item is category
  90. Add Protocol to Custom Menus
  91. How to handle change the appearance of ‘categories’ box on dashboard?
  92. menu doesn’t show in different languages
  93. How can I stop wp_nav_menu from returning extraneous root links?
  94. How to add posts with thumbnails to my dropdown menu?
  95. Change menu item order
  96. Menu System: Custom Links
  97. Formatting WordPress Menus (without bullets, inline with text)
  98. Change Menu Order
  99. Two Homes In Navigation Menu
  100. How to replicate a mobile menu from a site to a wordpress site [closed]

Leave a Comment