WordPress.com Forums » Topic: Moving Header Image Above Tabs

jaredwellman on "Moving Header Image Above Tabs"

jaredwellman — Wed, 10 Oct 2012 02:06:50 +0000

Thanks for the replies.

designsimply on "Moving Header Image Above Tabs"

designsimply — Wed, 10 Oct 2012 01:53:23 +0000

Someone else also posted a solution about moving the header image in Twenty Twelve, see http://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.

niklasharju on "Moving Header Image Above Tabs"

niklasharju — Wed, 10 Oct 2012 01:03:45 +0000

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.

emilietommerberg on "Moving Header Image Above Tabs"

emilietommerberg — Tue, 09 Oct 2012 13:45:26 +0000

Me too! Have you figured it out?

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

jaredwellman on "Moving Header Image Above Tabs"

jaredwellman — Tue, 09 Oct 2012 01:45:16 +0000

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!