WP menu with fondation
class GC_walker_nav_menu extends Walker_Nav_Menu {
// add classes to ul sub-menus
function start_lvl(&$output, $depth) {
// depth dependent classes
$indent = ( $depth > 0 ? str_repeat("\t", $depth) : '' ); // code indent
// build html
$output .= "\n" . $indent . '<ul class="dropdown">' . "\n";
}
}
if (!function_exists('GC_menu_set_dropdown')) :
function GC_menu_set_dropdown($sorted_menu_items, $args) {
$last_top = 0;
foreach ($sorted_menu_items as $key => $obj) {
// it is a top lv item?
if (0 == $obj->menu_item_parent) {
// set the key of the parent
$last_top = $key;
} else {
$sorted_menu_items[$last_top]->classes['dropdown'] = 'has-dropdown';
}
}
return $sorted_menu_items;
}
endif;
add_filter('wp_nav_menu_objects', 'GC_menu_set_dropdown', 10, 2);
function remove_sticky_class($classes) {
$classes = array_diff($classes, array("sticky"));
$classes[] = 'wordpress-sticky';
return $classes;
}
add_filter('post_class','remove_sticky_class');
<nav class="top-bar" data-topbar data-options="mobile_show_parent_link: true">
<ul class="title-area">
<li class="name">
<h1><a href="#">My Site</a></h1>
</li>
<li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<?php
$options = array(
'theme_location' => 'primary',
'container' => false,
'depth' => 2,
'items_wrap' => '<ul id="%1$s" class="right %2$s">%3$s</ul>',
'walker' => new GC_walker_nav_menu()
);
wp_nav_menu($options); ?>
<!-- Left Nav Section -->
<ul class="left">
<li><a href="#">Left Nav Button</a></li>
</ul>
</section>
</nav>