Customize Genesis Theme Child Header – Decor Child Theme

Here’s how to customize your child theme header in genesis framework studiopress.

Add this to your functions.php
Demo:

[membership level=”1″]

/* Remove existing or default Header in Genesis Theme */
remove_action( 'genesis_header', 'genesis_do_header' ); 

add_action( 'genesis_header', 'genesis_add_header' );

function genesis_add_header() {
  echo '<div id="title-area">';
    do_action( 'genesis_site_title' );
	echo '<div id="header_right">';
    do_action( 'genesis_site_description' );
	dynamic_sidebar( 'header-right' );
	echo '</div>';

    echo '</div><!-- end #title-area -->';
    echo '<div id="menu">';
   dynamic_sidebar( 'Menu Header' );
    echo '</div><!-- end #title-area -->';

}

Add/Modify this to your css file.

#header {
	margin: 0 auto;
	min-height: 140px;
	width: 1140px;
}
#title-area {
	float: left;
	margin: 25px 0 0;
	overflow: visible;
	padding: 0;
	width: 100%;
}
#title {
	color: #fff;
	font-family: 'Great Vibes', cursive;
	font-size: 61px;
	line-height: 1;
	margin: 0;
	text-shadow: #000 -1px -1px;
	width: 50%;
	float: left;
}
#title a, #title a:visited {
	color: #e7cba4;
	padding: 0;
	text-decoration: none;
}
#title a:hover {
	color: #fff;
}
#description {
	color: #adadad;
	font-size: 16px;
	font-style: italic;
	margin: -15px 0 0;
	padding: 0;
	text-shadow: #000 -1px -1px;
	text-align: right
}
#header_right {
	float: right;
	width: 50%;
	color: #fff;
	text-align: right
}
#header .widget-area {
	color: #fff;
	float: right;
	padding: 35px 0 0;
	width: 730px;
}
#header .widget-area a:hover {
	color: #fff;
}

[/membership]