Move header image to top for TwentyTwelve theme

  • Author
    Posts
  • #1147528

    dsworder
    Member

    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:

    http://jkudish.com

    …whereas if you look at my WordPress blog (www.eManagedAccounts.com) 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?

    David

    The blog I need help with is emanagedaccounts.com.

    #1147829

    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.

    #1147830

    dsworder
    Member

    thanks, friend.

    #1147831

    You are welcome.

    #1147903

    commonriver
    Member

    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
    http://commonriver.wordpress.com/

    #1147907

    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.