Skip to content

Instantly share code, notes, and snippets.

@aegis123
Created December 9, 2013 12:41
Show Gist options
  • Save aegis123/7871705 to your computer and use it in GitHub Desktop.
Save aegis123/7871705 to your computer and use it in GitHub Desktop.
nav menu for genesis framework theme with responsive twitter bootstap
/* Custom Code */
// ENQUEUE SCRIPS & STYLES FOR BOOTSTRAP
add_action('genesis_before_header', 'responsive_nav');
function responsive_nav() {
wp_register_style( 'bootstrap-css', get_stylesheet_directory_uri() . '/css/bootstrap.css');
wp_enqueue_style( 'bootstrap-css' );
wp_register_script( 'bootstrap-js', get_stylesheet_directory_uri() . '/js/bootstrap.min.js', array('jquery'), false, true );
wp_enqueue_script( 'bootstrap-js' );
}
// FILTER NAV TO HAVE BOOTSTRAP NECESSARY MARKUP
//add_filter( 'genesis_do_subnav', 'override_do_nav', 10, 3 );
function override_do_nav($nav_output, $nav, $args) {
}
<nav class="nav-secondary" role="navigation" itemscope="itemscope"
itemtype="http://schema.org/SiteNavigationElement">
<div class="wrap">
<ul id="menu-main-menu" class="menu genesis-nav-menu menu-secondary">
<li id="menu-item-7"
class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-7">
<a href="link">Home</a></li>
<li id="menu-item-9931"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-9931">
<a href="link">Home</a>
<ul class="sub-menu">
<li id="menu-item-9777"
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9777">
<a href="link">Home</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<nav class="nav-secondary navbar navbar-default" role="navigation" itemscope="itemscope"
itemtype="http://schema.org/SiteNavigationElement">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="wrap collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul id="menu-main-menu" class="menu genesis-nav-menu menu-secondary nav navbar-nav">
<li id="menu-item-4519"
class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4519">
<a href="link">Home</a>
</li>
<li id="menu-item-4522"
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-4522 dropdown">
<a href="link">Home</a>
<ul class="sub-menu dropdown-menu">
<li id="menu-item-4523"
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4523">
<a href="link">Home</a></li>
<li id="menu-item-4524"
class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4524">
<a href="link">Home</a></li>
</ul>
</li>
</ul>
</div>
</nav>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment