Here’s how to customize your child theme header in genesis framework studiopress.
Add this to your functions.php
Demo:
[membership level=”1″]
[php]
/* 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 –>’;
}
[/php]
Add/Modify this to your css file.
[css]
#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;
}
[/css]
[/membership]