WP-nav-menu breadcrumb nav tier WordPress

Christianto comments:

if you want to do it by yourself do this..

#1, download superfish plugin above, include superfish.css and superfish-navbar.css to your header by wp_enqueue_style() or directly copy paste to style.css and also include superfish.js to your site with wp_enqueue_script() on your header. Don't forget to include also jQuery framework.

#2, add "sf-menu" class and "sf-navbar" with other option that you desire in wp_nav_menu() for example:
wp_nav_menu( array('container' => '','menu_class' => 'sf-menu sf-navbar', 'depth' => 1, 'theme_location' => 'primary'));

#3, initialize superfish this is basic for example:
jQuery(document).ready(function($){
$("ul.sf-menu").superfish({
pathClass: 'current'
});
});

#4, for the highlighted parent use jQUery script below
jQuery(document).ready(function($){
$("ul.sf-menu").find('.current-menu-item').parents('li').addClass('current-menu');
});
And style "current-menu" class with css that you desire for example change font-color or background color..
you can adjust css of the menu that on superfish.css and superfish-navbar.css base on your need..

please check the nav-bar style of superfish plugin for example, and by using css from superfish this will also work if javascript is turn off..

hope this help..