[jenwilson]

I did change all the widths (except the widget width) to 100% and it didn't work. It actually moved the logo to the far left of the site (maybe has something to do with the wrap...not exactly sure). I'm still not seeing the full 1000 px width of the new header image I have uploaded.

Sorry...struggling with this.

[jenwilson]

Thanks Brad, I tried that and it didn't seem to work. Should I have changed the width in both the Header and the Image Header Partial Width or just one of those?

[jenwilson]

This is the Hans theme. See below for the header CSS

/* Header
------------------------------------------------------------ */
#header {
	margin: 0 auto;
	min-height: 120px;
	width: 100%; 
}

#header .wrap {
	margin: 0 auto;
	width: 1000px;
}
 
#title-area {
	float: left;
	overflow: hidden;
	padding: 17px 0 0;
	width: 500px; 
}

#title {
	display: block;
	float: left;
	font-family: 'Muli', arial, serif;
	font-size: 29px;
	line-height: 1.25;
	margin-right: 5px;
	margin: 0;
	text-transform: uppercase; 
}
 
#title a,
#title a:hover {
	color: #c7ca50;
	padding: 0;
	text-decoration: none; 
}
 
#description {
	color: #828487;
	display: inline;
	font-size: 14px;
	line-height: 1.25;
	font-family: 'Muli', arial, serif;
	font-size: 29px;
	font-weight: 300;
	padding: 0 0 0 20px; 
	text-transform: uppercase; 
}
 
#header .widget-area {
	display: block;
	float: right;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 0; 
}

#header .phone {
	float: right;
	width: 50%; 
}
 
#header .phone h3 {
	color: #d7754a;
	font-family: 'Muli', arial, serif;
	font-size: 21px;
	margin-top: 20px;
	text-align: right;
}
 
/* Image Header - Partial Width
------------------------------------------------------------ */
.header-image #header #title-area {
	background: url(images/logo.png) left top no-repeat;
	float: left;
	margin: 30px 0 0 0; 
}
 
.header-image #title-area,
.header-image #title,
.header-image #title a {
	display: block;
	float: left;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	width: 400px; 
}
 
.header-image #description {
	display: block;
	height: 175;
	overflow: hidden;
	width: 400; 
}

[jenwilson]

Thanks Timothy.

This is helpful to know that your version of IE. Would you mind to try playing one of the other Chapters and let me know?

Thanks a bunch.

[jenwilson]

I will give it a go. Thank you JohnsonMktg. 🙂

[jenwilson]

Hmmmm... I will see if I can follow that.

What do you mean by "comment out"...

Thanks a lot for helping out with this.

[jenwilson]

Step 1 - Added to the bottom of the functions.php file

Step 2 - Added directly after the <?php of the home.php file

[jenwilson]

Thank you so much John. This is the code I used:

Step 1

genesis_register_sidebar( array(
    'id' => 'home-featured',
    'name' => __( 'Home Featured', 'balance' ),
    'description' => __( 'This is the home featured section.', 'balance' ),
) );

Step 2

/** Add the home featured section */
add_action( 'genesis_before_loop', 'balance_home_featured' );
function balance_home_featured() {

    /** Do nothing on page 2 or greater */
    if ( get_query_var( 'paged' ) >= 2 )
        return;

    genesis_widget_area( 'home-featured', array(
    'before' => '
',
    ) );

}

Step 3

.home-featured {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    float: left;
}

Not sure exactly where I went wrong. :-/

[jenwilson]

Still trying to work this out. Any help or direction would be greatly appreciated.

Thanks

[jenwilson]

Morning...

Still looking for a bit on input on this one. 🙂

[jenwilson]

Hey there,

I was able to get a widget registered for the home page, however there is a slight alignment issue. The sidebar is being pushed down.

Any suggestions how I resolve the alignment so the sidebar sits normally to the right of the widget and post area?

Thanks in advance. 🙂

[Author]

Posts