If you try putting everything from
<div id='header'> to </div><!-- end of #header -->
outside the
<div id='wrapper'>
right under the beginning of body … ?
If i do this where exactly do i put the code <div id="wrapper" class="hfeed">
In header.php it shows;
<body <?php body_class(); ?>>
<div id="wrapper" class="hfeed">
<div id="header">
The ‘wrapper’ div goes afer the ‘header’ one. Be sure to move ALL the <div id="header">, like this:
<body <?php body_class(); ?>>
<div id="header">
<!-- move the header, and EVERYTHING inside !! (from the starting tag, to the end tag -->
</div><!-- end of the div#header -->
<div id="wrapper" class="hfeed">
<!-- content of the wrapper div here ....-->
</div><!-- end of #wrapper -->
___
In other words, your <div id="wrapper" class="hfeed"> starting tag
goes right after the closing tag of your <div id="header">
At this point, if it doesn’t break your theme, you’ll have a div for your header which will be outside the more or less tiny width of the wrapper div.
So if your image in this header is wide enough, it will extends across all the body width.
Let me know if somehow it doesn’t work as expected…