Middle Header Widget Genesis
.site-header .widget-area {
float: left;
text-align: left;
}
.site-header .header-widget-area {
width:25%;
}
.site-header .header-middle {
width:50%;
}
.site-header .title-area {
width:25%;
}
@media only screen and (max-width: 1139px) {
.site-header .header-widget-area {
width:25%;
}
.site-header .header-middle {
width:50%;
}
.site-header .title-area {
width:25%;
}
}
@media only screen and (max-width: 1023px) {
.site-header .header-widget-area {
width:25%;
}
.site-header .header-middle {
width:50%;
}
.site-header .title-area {
width:25%;
}
}
@media only screen and (max-width: 767px) {
.site-header .header-widget-area, .site-header .header-middle, .site-header .title-area {
width:100%;
}
}
<?php
//do not add in opening php tag
/**
* Add in Middle Header Widget
*
* @package Genesis Middle Header Widget
* @author Neil Gee
* @link http://coolestguidesontheplanet.com/create-middle-header-widget-genesis-child-theme/
* @copyright (c)2014, Neil Gee
*/
//Add in the new header with the middle widget header
function themeprefix_genesis_do_header() {
global $wp_registered_sidebars;
genesis_markup( array(
'html5' => '<div %s>',
'xhtml' => '<div id="title-area">',
'context' => 'title-area',
) );
do_action( 'genesis_site_title' );
do_action( 'genesis_site_description' );
echo '</div>';
genesis_widget_area( 'header-middle', array(
'before' => '<aside class="header-middle widget-area header-widget-area">',
'after' => '</aside>',
) );
if ( ( isset( $wp_registered_sidebars['header-right'] ) && is_active_sidebar( 'header-right' ) ) || has_action( 'genesis_header_right' ) ) {
genesis_markup( array(
'html5' => '<aside %s>',
'xhtml' => '<div class="widget-area header-widget-area">',
'context' => 'header-widget-area',
) );
do_action( 'genesis_header_right' );
add_filter( 'wp_nav_menu_args', 'genesis_header_menu_args' );
add_filter( 'wp_nav_menu', 'genesis_header_menu_wrap' );
dynamic_sidebar( 'header-right' );
remove_filter( 'wp_nav_menu_args', 'genesis_header_menu_args' );
remove_filter( 'wp_nav_menu', 'genesis_header_menu_wrap' );
genesis_markup( array(
'html5' => '</aside>',
'xhtml' => '</div>',
) );
}
}
//Remove the old header
remove_action( 'genesis_header','genesis_do_header' );
//Add in the new header above
add_action( 'genesis_header', 'themeprefix_genesis_do_header' );