Add widget area after #nav but before #menu-main-menu-1

[optimus203]

I would like to add a widget area that sits after div #nav and before ul #menu-main-menu-1 . So it will sit to the right of navigation, but in responsive mode will sit above navigation.

The code below places the widget area to the right of navigation, but after ul #menu-main-menu-1 - so it doesn't wrap as desired in responsive mode.

//* Add widget area to right of navigation */
genesis_register_sidebar( array(
	'id'          => 'donate_button',
	'name'        => __( 'Nav Right', 'genesis-sample' ),
	'description' => __( 'This is after .menu in .nav-primary', 'genesis-sample' ),
) );
 
add_filter( 'genesis_do_nav', 'donate_widget', 10, 2 );
function donate_widget( $nav_output, $nav ){
	ob_start();
	genesis_widget_area( 'donate_button', array(
		'before' => '<div class="nav-right widget-area">',
	) );
	$widget_area = ob_get_clean();
	return str_replace( $nav, $nav . $widget_area, $nav_output );
}

http://n/a

[Susan]

@optimus203 - were you able to figure this one out?

[Brad Dalton]

Not sure if you got this worked out but this may help if you're still interested http://wpsites.net/web-design/nav-menu-widget/

---

Tutorials for StudioPress Themes.

[Author]

Posts