how can i add css class on current page in wordpress wp_nav_menu

WordPress already adds a class for this purpose called .current-menu-item so just target this class in your css file.

For example, if your menu is in a div with an ID of navigation, add this:

#navigation .current-menu-item {}

Related Posts:

  1. Split up wp_nav_menu with custom walker
  2. Is there an easy way to replace a custom menu link with a page or post?
  3. Add Javascript to WordPress Menu
  4. Filter wp_nav_menu()
  5. Show just one level of child pages, wp_list_pages woe
  6. Use navigation path from menu for permalink
  7. add span class inside wp_nav_menu link anchor tag
  8. How to set limit only on top levels of wp_nav_menu?
  9. Show only 2nd level of navigation depending on active navigation
  10. How to get a different mobile menu than desktop menu in the twentytwelve child theme
  11. HTML Bootstrap navigation menu to WordPress menu using wp_nav_menu
  12. How to manually add an item to a submenu in a menu generated by wp_nav_menu?
  13. WordPress Export Import Site Navigation Menu
  14. Using Image Links in WordPress Navigation Menus Instead Of Text Links
  15. Bar separated navigation by extending Walker_Nav_Menu
  16. Disguise Multi-Page site as Single Page
  17. Replace menu tag with tag
  18. How to style current page menu item when using a walker
  19. Adding different classes to anchor in navigation menu
  20. Add Bootstrap dropdown class to a nav menu
  21. Search box as a menu item in the nav menu output by wp_nav_menu?
  22. How can I put two menus in the same div?
  23. Make compatible custom menu widget for Twitter Bootstrap
  24. BuddyPress – How to add logout in nav menu
  25. Second nav is merged with the first in mobile
  26. Nav Walker current menu item not displaying
  27. Using Shortcodes in WP-Menus in WP 3.1 (via nav_menu_objects)?
  28. Navigation (wp_nav_menu) refuses to nest within parent element
  29. Add custom menu item metabox in Navigation Settings
  30. Auto add pages to primary menu with functions.php
  31. Get admin menu link
  32. Hide Menu Unless Logged In
  33. how to remove the top navigation bar or header top on wordpress website?
  34. Highlight another nav item
  35. How to change theme header to support multiple nav menus?
  36. How to rewrite the output of wordpress nav menu?
  37. Reuse a custom WordPress menu on another WordPress website
  38. How to dynamically populate a dropdown
  39. Is this format possible with a custom Nav Walker class?
  40. I want to hide the navigation menu on a particular page
  41. two different separate sections on the same site
  42. Static page to one page- menu inactive items highlighted
  43. automatically append menu parent as first item in submenu with nav_walker
  44. How do you add a around the second level of a Menu?
  45. Help with walker for nav
  46. How Do I Add Images To Main Navigation Menu
  47. Hide menu from homepage
  48. remove menu items if user can’t read
  49. Adding toggle-able element after menu item
  50. Add custom link on the fly to nav menu
  51. Custom register_taxonomy ins’t showing custom Nav menu
  52. Conditional menus based on page title
  53. How to test if a specific page is the front page?
  54. Style wp_link_pages as a select drop down list
  55. How to add columns to wordpress menu editor
  56. how to insert data in li tag of navigation
  57. Current author archive in navigation menu
  58. Mobile navigation is shown, but standard navigation does not disappear
  59. Output Post ID for all nav_items
  60. Custom ul class
  61. changing the labels inside appearance -> menus for some for the fields
  62. How to create menu spread over four lines including images
  63. WP Menu Rollover Nav Item and Effect DIV Elsewhere
  64. Help with WordPress Custom Nav Walker
  65. Navigation item – current date in url
  66. How to change the navigation menu
  67. Add/remove image from navigation bar
  68. WordPress nav_menu items from another menu appearing
  69. How can I order these pages in this navigation bar on this old wordpress theme?
  70. WordPress Menu Navigation links not working
  71. Creating navigation out of specific IDs and their children?
  72. Where to place a svg chevron down in my custom walker?
  73. How to apply individual menu item’s “CSS Classes” to , not ?
  74. Add href to tag in nav menu for mobile
  75. Output existing wp_nav_menu with a custom walker
  76. how to split vertical menu into two columns using walker nav menu
  77. Sub-Items Not Visible in Navigation
  78. How can I create this menu with wp_nav_menu()?
  79. Unable to remove page from primary menu
  80. Show navigation header menu by post and categery
  81. How to Use Default Auto-Generated Menu?
  82. wp-nav menu with custom walker , how to remove a tag if it has any submenu
  83. Menu Details Output in Javascript [closed]
  84. Custom location for menu
  85. Can’t add optional class to menu item when using Walker_Nav_Menu
  86. nav_menu: how to force a subpage switching on the parent menu
  87. wp_dropdown_nav function to list menu items
  88. wp_nav_menu() reutrns HTTPS?
  89. Update nav menu item position programmatically
  90. Navigational error
  91. Determine if a navigation item has children
  92. wordpress superfish dropdown menu
  93. Unable to edit Navigation bar
  94. Display Username as parent menu item
  95. How to add or remove borders in navigation menu?
  96. Site pages show the page title under navigation bar
  97. Navigation menu, remove item from desktop
  98. Wrapping my ‘s with
  99. Add featured posts to nav menu
  100. WordPress “add to menu” button not working