Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
29 lines (23 sloc) 1.27 KB
ID post_title author post_date post_excerpt layout permalink published dsq_thread_id
354
Responsive Navigation
Jeremy Englert
2016-01-03 23:34:47 -0800
page
true
a:1:{i:0;s:10:"4459576949";}

The responsive topbar uses Foundation 6 Responsive Navigation Patterns to make it easy to switch between accordion, dropdown and drilldown menus at different breakpoints.

To use this menu type, change the template part in header.php to:

[php]<?php get_template_part( 'parts/nav', 'topbar' ); ?>[/php]

Responsive Menu Options

In the functions/menu.php file, locate the joints_top_nav() function. The two important lines of code are:

[php] 'menu_class' => 'vertical medium-horizontal menu', 'items_wrap' => '<ul id="%1$s" class="%2$s" data-responsive-menu="accordion medium-dropdown">%3$s</ul>', [/php]

Simply update the menu_class and items_wrap to match the navigation pattern you want. You also may need to adjust the class in functions/menu.php depending on the type of menu you are creating.