Changing header size in Twenty Eleven theme

• 

  greencreativehome · Member · Feb 5, 2013 at 5:31 pm

  • Copy link
  • Add topic to favorites

  I like what thepioneerwoman.com did with the size and position of their blog’s header — so that it is flush with the top of the screen, wider than the body, and the body comes up into it some. How is that done?

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · Feb 17, 2013 at 10:57 pm

  • Copy link

  I see you figured this out using the following custom CSS:

  body.custom-background {
  	padding-top: 291px;
  }
  html {
  	margin-top: 13px !important;
  }

  Nice work!

  If you also wanted to pull the content area up a little higher, you could add something like this too:

  #page {
  	margin-top: -2em;
  }