Move header image to top for TwentyTwelve theme

  • Author
  • #1147528


    How does one place the title and tagline directly on top of a header image? The desired effect is shown in the upper left corner of the following WordPress blog:

    …whereas if you look at my WordPress blog ( you’ll see that while the title and tagline are appropriately positioned, there’s no image. The dashboard screen located at Appearance >> Header allows a header image to be specified. However, once specified, that image is displayed vertically beneath the main menu instead of the upper left corner. This leads me to believe that Appearance >> Header is referring to something else entirely.

    Any ideas? Can this be accomplished with the custom CSS module?


    The blog I need help with is


    One of the easiest ways to do this is to create a header image with the title/tagline in the image and then upload it via the header uploader and then in the “header text” section, disable the header text. The site will still have the title and tagline internally so that the search engines can find it.



    thanks, friend.


    You are welcome.



    I followed these instructions as well and my header image still appears below the menu. How can I move it to above the menu? My website is


    Your question is different from the one earlier in this thread.

    To move the Twenty Twelve header image above the main menu, add this to your Appearance → Custom Design → CSS editor:

    .site-header {
    	position: relative;
    .site-header > a {
    	position: absolute;
    	top: 20px;
    .main-navigation {
    	margin-top: 296px;

The topic ‘Move header image to top for TwentyTwelve theme’ is closed to new replies.