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. Programmatically add a Navigation menu and menu items
  2. Dynamically exclude menu items from wp_nav_menu
  3. Split up wp_nav_menu with custom walker
  4. Is there an easy way to replace a custom menu link with a page or post?
  5. How to Add to Each Menu Link with link text to data-attr?
  6. Add Javascript to WordPress Menu
  7. Filter wp_nav_menu()
  8. How to modify navigation menu of the “My Account” page in WooCommerce
  9. Custom ID for certain menu item?
  10. Add data-icon input to WordPress custom menu links
  11. Show just one level of child pages, wp_list_pages woe
  12. Removing link ” from ” menu for some “links” without JS
  13. Show current navigation path from menu
  14. Call custom field into menu item
  15. Use navigation path from menu for permalink
  16. Exclude Private, Draft pages from Primary Nav when using custom menu
  17. add span class inside wp_nav_menu link anchor tag
  18. wp_nav_menu always falls back to a menu
  19. wp_get_nav_menu_items how to exclude sub level menu items?
  20. Multi Level Bootstrap Navigation Menu in WordPress
  21. How to set limit only on top levels of wp_nav_menu?
  22. Determine if a navigation item has children
  23. Bootstrap dropdown nav pills not working with wp_nav_menu()
  24. Show only 2nd level of navigation depending on active navigation
  25. How to move parent li to end of child ul
  26. How to get a different mobile menu than desktop menu in the twentytwelve child theme
  27. Add custom attributes to menu items without plugin
  28. Add Page ID class to nav menu items
  29. How to highlight the right item in the navbar
  30. HTML Bootstrap navigation menu to WordPress menu using wp_nav_menu
  31. How to manually add an item to a submenu in a menu generated by wp_nav_menu?
  32. WordPress Export Import Site Navigation Menu
  33. Using Image Links in WordPress Navigation Menus Instead Of Text Links
  34. Links open only on new tab or window
  35. Not able to get current menu ID
  36. Bar separated navigation by extending Walker_Nav_Menu
  37. Add class to active top level (grandparent) menu item
  38. Bar separated navigation by extending Walker_Page
  39. Disguise Multi-Page site as Single Page
  40. Replace menu tag with tag
  41. How to Create a Custom WordPress Navigation Menu with the Code?
  42. Custom Nav Walker sub-menu HTML construct
  43. How to get Menu Navigation Labels to output HTML
  44. custom menu not found
  45. How to style current page menu item when using a walker
  46. Adding different classes to anchor in navigation menu
  47. Number of items in a menu
  48. wp_nav_menu doesn’t generate parent/ancestor classes
  49. Add Bootstrap dropdown class to a nav menu
  50. How to add text before WordPress menu item href
  51. how to automatically generate hierarchical menus from hierarchy of pages?
  52. Search box as a menu item in the nav menu output by wp_nav_menu?
  53. Add an extra field to the navigation menu box?
  54. Why is ‘nav_menu_item_args’ filter’s $item argument empty?
  55. WordPress wp_nav_menu with a nav tag
  56. Add class to menu ul with active child
  57. How can I put two menus in the same div?
  58. How do i style the current menu anchor link’s parent anchor link? [closed]
  59. Does the menu item ID ever change?
  60. Add sidebars to navigation menu?
  61. Make compatible custom menu widget for Twitter Bootstrap
  62. Hide and show menu subpages
  63. BuddyPress – How to add logout in nav menu
  64. Second nav is merged with the first in mobile
  65. How to add a parameter to links in the nav menu?
  66. `start_el` depth argument in custom nav walker always evaluates to zero
  67. Benefits of using Nav Walker?
  68. Use walker for specific menu, or avoid use of walker
  69. Change where navigation bar links?
  70. How to display dynamic content in start_lvl function
  71. Programmatically set current-menu-item using wp_nav_menu
  72. Nav Walker current menu item not displaying
  73. Using Shortcodes in WP-Menus in WP 3.1 (via nav_menu_objects)?
  74. Add custom text to menu
  75. Menu styling for last menu item
  76. How to insert custom code into wp_nav_menu structure?
  77. Page-Linking Structure
  78. Disable automatig SVG tag from menu
  79. Navigation (wp_nav_menu) refuses to nest within parent element
  80. has_children in custom nav_walker
  81. Menus like a CMS
  82. Remove li from wp_nav_menu
  83. Adding post excerpt into navigation menu
  84. How to have custom menu Item CSS Classes for wp_page_menu() or wp_list_pages()
  85. Adding Custom “Current Menu Item” class to navigation?
  86. Replace menu permalink/hyperlink with only menu name/slug
  87. wp_nav_menu add some element to container
  88. Use wp_nav_menu to display ALL pages
  89. Third level navigation class
  90. How to fix “Supplied nav_menu_item value missing property” after update to WordPress 5.0
  91. How to add a submenu toggle button inside all “li” elements that have a submenu?
  92. get_query_var(‘post_type’) not returning in a filter
  93. Add custom menu item metabox in Navigation Settings
  94. Auto add pages to primary menu with functions.php
  95. Check if menu id = $specific_id – then insert specific
  96. Get admin menu link
  97. wp_nav_menu including Skype URL
  98. Find out if a page has no parent
  99. Hide Menu Unless Logged In
  100. Prev / Next menu item
Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)