First timer – trying to add a widget area *before* another one inside the header

[jfraser]

I'm using the minimum theme and want to place a "upper-right-header widget-area" and eventually a "middle-header widget-area above the menu for social icons and a few other things. I understand (marginally) the registration of the layer and the inclusion of the layer based on a hook. So I have the following code thus far:

//* Register after post widget area
genesis_register_sidebar( array(
	'id'          => 'upper-header',
	'name'        => __( 'Upper Header', 'minimum' ),
	'description' => __( 'This is the upper header section.', 'minimum' ),
) );

//* Hook inside header for upper header
add_action( 'genesis_header', 'sp_upper_header_widget' );
	function sp_upper_header_widget() {
		genesis_widget_area( 'upper-header', array(
			'before' => '<div class="upper-header widget-area">',
			'after' => '</div>',
	) );
}

What it does is place the new widget area in the header but right below the menu in the header right widget.

How do I modify the code above to say "inside the genesis_header" but before the "header right widget"?

Thanks in advance for the help!

[Lauren @ OnceCoupled]

For that you (probably - can't check without a link to your site) need hook priority. 🙂 Use the following line just as you had it originally, but add a new parameter to it:

add_action( 'genesis_header', 'sp_upper_header_widget' );

becomes

add_action( 'genesis_header', 'sp_upper_header_widget', 9 );

The default priority is 10, and then they're placed in the order they are read in. So adding a 9 will move it up in the queue. You can decrease the number as needed, but if you're all the way down at 1 and it isn't working, it's the hook location itself that needs adjusting!

Cheers,
Lauren

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[jfraser]

Beautiful! hook priority; what a concept! - working perfectly!

Exactly what I needed. THanks for the prompt reply!

[Lauren @ OnceCoupled]

Absolutely! Glad to be sharing something new. 🙂

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[Author]

Posts