Skip to content
Bryan Willis edited this page Jan 4, 2016 · 1 revision

Float Navbar to the right using Bootstrap's navbar-right class

Here are two different approaches to achieving the same result. See example 2 on this codepen for a demo of navbar-right.

Option 1: Using wordpress filters

add_filter( 'wp_nav_menu_args', 'bsg_nav_menu_args_filter', 11 );

function bsg_nav_menu_args_filter( $args ) {
    // Change 'primary' to 'secondary' to apply to submenu 
    if ( 'primary' === $args['theme_location'] ) {
        $args['menu_class'] = 'nav navbar-nav navbar-right';
        return $args;
    }
}

Option 2: Using genesis filters

// Apply to Main Navigation
add_filter( 'genesis_do_nav', 'child_bsg_navbar_right', 10, 2 );
// Apply to Submenu Navigation
add_filter( 'genesis_do_subnav', 'child_bsg_navbar_right', 10, 2 );

function child_bsg_navbar_right( $nav_output, $nav ) {
	$nav_output = str_replace( 'nav navbar-nav', 'nav navbar-nav navbar-right', $nav_output );
	return $nav_output;
}

Clone this wiki locally