Make menu's responsive like twitterbootstrap

[aegis]

I'm trying to customize the theme Jane I bought. I want to change the menu's so they are responsive like in Twitter Bootstrap or . I have found post http://wordpress.stackexchange.com/questions/58377/using-a-filter-to-modify-genesis-wp-nav-menu which shows me how to override the genesis_do_nav and genesis_do_subnav functions.

Now I want to change the code it outputs to match the twitter bootstrap style like . I already have

/* 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_output is an array
$nav contains the html code for showing the menu.
$args contains an array with classes and context to build the menus

can anyone help me with this?

---

http://pixplicity.com

http://responsive-bootstrap-menu

[Sridhar Katakam]

There are several tutorials on how to get a hamburger mobile nav menu going in Genesis.

Here's one: http://youneedfat.com/genesis-responsive-design-menu/

---

Genesis Tutorials | Follow me on Twitter

[aegis]

Ah nice maybe ill try this instead.

---

http://pixplicity.com

[aegis]

I found a good blog describing it
bradpotter.com create a responsive mobile menu

---

http://pixplicity.com

[iamkingsleyf]

Thanks just what I was looking for.

[Author]

Posts