In the members-only forum, a user wrote:
I like the new child theme but miss the versatility of having a right widget area. The demo shows a nice button that can be used for a CTA, but it folds into the menu when the site is mobile.
What would be the best way to add that widget back? I like the narrow header on large screens, so it would have to be styled inline. But on mobile screens I am ok with an extra line for extra gain to keep a CTA or a phone number in ready view.
Thank you!
This can be done by uncommenting the code that removes the Header Right widget area in Genesis Sample 2.6.0 and adding custom CSS to line up the title area, primary nav and header right widget areas on desktops and one below the other from 959px and below.
We acheive this by inserting the primary nav menu after/below the .title-area and wrapping .nav-primary and .header-widget-area in a custom div.nav-header-widget-area using genesis_markup_title-area_close and genesis_markup_header_widget-area_close dynamic filter hooks in Genesis.
We shall also remove the primary nav menu's wrap.
Step 1
Edit Genesis Sample 2.6.0's functions.php.
a) Change
// Repositions primary navigation menu.
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_header', 'genesis_do_nav', 12 );
to
// Removes primary navigation menu.
remove_action( 'genesis_after_header', 'genesis_do_nav' );
b) Delete
// Removes header right widget area.
unregister_sidebar( 'header-right' );
c) At the end, add
