Custom Menus: dynamic highlighting problem with custom home link

I achieved this with some jQuery:

$("#sidebar ul li").each(function () {
     if ($(this).find("a").attr("href") == window.location.href) {
         $(this).addClass("current-menu-item");
     }
});

(My nav is in a div with the id ‘sidebar’, you will need to change the first selector).

It checks if the href of the links is the same as the current URL, and if so, adds “current-menu-item”. You can then style active links with the .current-menu-style class.

Related Posts:

  1. Mega Menu Walker
  2. start_lvl Ignored in Custom walker_nav_menu
  3. Displaying Logged-In User Name in WordPress Menu
  4. Menu Items Disappearing
  5. wp_delete_auto_drafts() deletes links in menus
  6. Check if a menu is empty?
  7. How can I hook into and edit the text of a wp_nav_menu tag?
  8. Walker class: Problems with understanding how walk() method can be called without error
  9. How to Use the Function is_user_logged_in To Display Different Menus?
  10. Replacing a specific menu item
  11. How to show only parents subpages of current page item in vertical menu?
  12. How can I access the “description” of a menu item?
  13. How can I add a class to a single menu item?
  14. Remove all nav menu classes ( but keep useful ones… )
  15. How can I add a custom class to only nav sub-menu > li > a items in WordPress?
  16. items_wrap not working
  17. Style wp_page_menu() items
  18. Have CSS Class Added with `is_page()` WP function
  19. Run a filter when a walker runs
  20. How to display conditional-content if wp_nav_menu( $args ) retruns something
  21. Multiple WordPress Menus that will only display all pages
  22. Input type search in Menu
  23. WP Walker using custom css classes
  24. Change list item content in menu navigation to add a child element with specific class
  25. Automatically adding new post categories to menu
  26. Custom Walker_Nav_Menu issue with variables on PHP 7.3
  27. Child page menu in sidebar
  28. Title Case WordPress Menu Items
  29. Trying to store submenu items to render out after main menu
  30. How to change menu order item
  31. Add item to top of menu using a filter in functions.php
  32. Two menus show up
  33. Register a menu – Error Header
  34. How to style one item from main navigation?
  35. Parsing Menu Items and Blog Posts
  36. Automatically add images to a menu
  37. Add value to new attribute inside WordPress menu items
  38. Menu Items fail to save correctly, cause reset of related page metadata
  39. Dropdown menu for categories
  40. Menu Custom Data Attributes
  41. How to display different submenus?
  42. Get the name of menu item with wp_nav_menu
  43. How to modify mobile nav menu text in theme
  44. Output only links using wp_nav_menu()
  45. How to add aria role and schema markup to custom walker container
  46. Nav menu from plugin to theme
  47. Extend Menu Walker Output
  48. how to add a div inside wp_page_menu
  49. How to correctly load a different version of main menu based on the user language in WordPress? Is it a good solution?
  50. Why in this WordPress theme I can’t see the Main Menu?
  51. Why can’t I add a custom image in my navigation?
  52. Remove submenu item from list
  53. conditional: if is page, and all subpages
  54. wp nav menu: show submenu below li item
  55. Dynamic Menu drops pages?
  56. Remove the Tag from wp_nav_menu
  57. Styling an “active” link outside of WordPress default menu
  58. Dynamic menu with custom post types
  59. Adding an Anchor Link to a wordpress menu using WPBakery Page Builder
  60. How to make only the valid active page of a multilevel menu active with – “.nav li.current-menu-item a”?
  61. Replace jQuery with PHP or CSS for Customized WordPress wp_nav_menu
  62. How to set Nav as a default menu in wordpress
  63. How to put 2 php codes in functions.php without site crashing
  64. wp_get_nav_menu_items() with ACF
  65. How to switch between two primary menus (programatically0
  66. Redirect User when they click Menu Option
  67. Used a code to revoke some dashboard menus for my contributors but for some reason it’s revoked me access to the editor [closed]
  68. Get Child of Child Pages in custom Menu
  69. How to give custom roles the capability to edit one Menu instead of every Menu
  70. Primary navigation menu with timed items from custom post type
  71. How to disable sub menu items from being created?
  72. Bring Font Awesome icons inside menu A tags
  73. Difference between “Walker_Nav_menu” and “walker”
  74. Fatal error when using array_diff() function inside of wp_update_nav_menu hook?
  75. Vertical Menu for one page only
  76. PHP drop down menu for my get_category child of
  77. How limit the width of a fixed menu-bar on scroll?
  78. Pulling a variable into the wp_nav_menu function
  79. Beyond widget side menu editing, with the php page, custom template
  80. Editing existing pre-created menus in PHP
  81. Two theme locations for two menus, but only one is showing up
  82. wp nav menu without label
  83. Contact form field in wordpress menu
  84. How to call a certain object/menubar in a PHP file
  85. Active class not working on custom menu link using add_menu_page
  86. Sidebar current menu item for parent
  87. Remove all nav menu classes except those which begin with certain letters
  88. How to add a code for lastpostdate after/inside a specific menu link?
  89. Add the “.current-menu-item” class to tag?
  90. WordPress adding in site URL to header links
  91. How to change the menu color
  92. Can’t remove menu items added by plugin
  93. Custom Links in Walker Class
  94. Nav Menu Display
  95. Adding a unique class to wp_nav_menu
  96. WordPress menu links with images & class selection
  97. Open WordPress Page from selected option dropdown
  98. Remove Unused Menu Locations
  99. How to add different menu items on different menus?
  100. Nav menù doesn’t display selected pages