Moving Header Image Above Tabs

  • Author
  • #1036396


    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 | (twentytwelve theme)


    The blog I need help with is


    Me too! Have you figured it out?

    The blog I need help with is



    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 {

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


    Someone else also posted a solution about moving the header image in Twenty Twelve, see

    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.



    Thanks for the replies.

The topic ‘Moving Header Image Above Tabs’ is closed to new replies.