Header width in TwentyTen Child Theme

  • Using a TwentyTen Child Theme how do I make the header image be across the entire width of the site?

    Currently there is a gap of around 202 pixels from the side to where the header image is.

    I know how to change the width of the header image in functions.php but it always starts the header image from around 202 pixels from the left of the screen.

Viewing 4 replies - 1 through 4 (of 4 total)

  • 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 … ?

    Thread Starter stevedw

    (@stevedw)

    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…

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Header width in TwentyTen Child Theme’ is closed to new replies.