Moving Header Image Above Tabs

• 

  jaredwellman · Member · Oct 9, 2012 at 1:45 am

  • Copy link
  • Add topic to favorites

  I am wondering if it is possible to move my header image above the tabs. Right now the navigation tabs are above the header and I would like it the other way around.

  This is for jaredcwellman.wordpress.com. | (twentytwelve theme)

  Thanks!

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

• 

  emilietommerberg · Member · Oct 9, 2012 at 1:45 pm

  • Copy link

  Me too! Have you figured it out?

  The blog I need help with is http://www.emilietommerberg.com

• 

  niklasharju · Member · Oct 10, 2012 at 1:03 am

  • Copy link

  I had a similar problem, where I wanted a background image in the header behind the header text, above the menu. I figured out the following code in css: (I use the twenty-twelve template)
  .site-header {
  background-image:url(‘image.url’);
  }

  image.url is the url to the image you want to use.
  You can also add
  background-repeat:no-repeat;
  if you don’t want the image to repeat it-self.
  I hope this helps.

• 

  designsimply · Member · Oct 10, 2012 at 1:53 am

  • Copy link

  Someone else also posted a solution about moving the header image in Twenty Twelve, see https://en.forums.wordpress.com/topic/twenty-twelve-change-header-logo-location-and-border?replies=14#post-998341

  You don’t need the “box-shadow” rule from that example, and you should probably change the padding-top rule to something like “margin-top:260px;” instead. Try it out. Note that you will need to adjust the home page separately using the “.home” selector since your home page header image is a different size.

• 

  jaredwellman · Member · Oct 10, 2012 at 2:06 am

  • Copy link

  Thanks for the replies.