22 Responses to Logo and Site Title in Twenty Eleven

  1. M Pt comments:

    I can’t seem to get the header image to disappear for mobile with Theme Twenty Eleven. Any ideas? Thanks.

    • alchymyth replies:

      What (CSS?) have you tried? Without seeing your site, it is virtually impossible to know why this does not work, and how to make it work.

  2. Velovino comments:

    I don’t seem to manage to link the place of my logo to the header. I didn’t use a relative path, but still I get the question mark.

    Check velovino.nl

    I hope you can help!

  3. Vikky comments:

    This has been the best discussion ever, to resolve my question on how to add a logo on the left side of my site title in the Twenty Eleven theme. Thank you very much Michael (aka alchymyth). Your post saved me a lot of experimentation time.

    I did however encountered problems of non-appearance of the image, as in only a placeholder appeared, like Mina’s concern. I resolved this by deleting

    before the path of my image.

    The other concern was that the logo was located on top of the site title, instead of on the left of it, just the like concern of Govindji Patel. After so many trials-and-errors, I realized that the css for the Header section included

    #branding img {
    height: auto;
    display: block;
    width: 100%;}

    I deleted the line

    display: block;

    The image eventually aligned to the left of my site title. Then I adjusted the left padding for the for the site title -+ 10 px, and added a margin-left for the site description of 10px + the max width of my image.

    You may check the result on my site .

    Unfortunately I have resultant problem, for which some Michael or someone else can help with. I’d like to align the logo (enlarged this time) to the top edge of the site name and bottom edge of the site description. I will continue to experiment though.

    Thank you again to Michael, and everyone else who shared here.

    • Vikky replies:

      inadvertently failed to list the line that I deleted from Michael’s suggested code before the image path. It’s

  4. Lotta comments:

    Hi! I tried to replace titel with logo.

    I got the logo in top but it´s way to small. The original image that I link to is really big.
    I dont want it to rescale it and I want the logo fill the whole top space so it´s all yellow.
    Here is a scrndump for my site to show what I mean.
    I´m a really newbie so if I need to change any codes please really spcific where and how. Thank you

  5. Sam comments:

    My logo appears above the Site Title. I would like it to be in the same line. I copied exact same code as above and controlling the size of my logo to 18px high x 20px wide. Please help.

  6. Govindji Patel comments:


    I want to have a logo on left and menu on right on same line is there any way you can help me. I am using twenty eleven child theme. I managed to to have Menubar at top and slider below it.If I add logo where title is then I have lot white space on top then menu.

    I do help out at wordpress.org as well.

    Govindji Patel

    • alchymyth replies:

      Hi Govindji,
      have you asked in the forum? if you have a link to your site, you can post it here, or email it to me, and I’ll have a look.
      I assume that you would need to add the logo into the <nav id="access" .. container right at the start; but the formatting part is better checked viewing the live site with the menu at the top.
      cheers, Michael

  7. Ellen Selbie comments:

    This works wonderfully, thank you very much 🙂

  8. Mina comments:

    Hello! (working with 20-11-Theme)

    I tried 2 add a logo in front of my site title:

    many Ways gone – none worked!
    I tried yours too!

    The best I could manage, was a placeholder 4 my logo pic, but no logo shown!

    in the 1st place i wanted the logo pic first end next to it (on its right side) the site title.
    now i just wanna place the logo in the header, with no more headache!

    Could u help me??

    PS: My sidebar doesn’t appear either!
    I haven’t changed there anything in the theme!
    Do I have to activate it anyhow? Do you know that?

  9. secret comments:

    Alchymyth is so nice.

    jupes jupes ^^

  10. Cindy comments:

    Thank you so much, you have saved me a lot of time :O)

  11. KIBS comments:

    Hi.Am not so good in programing. could you help in uploading log onto my site pls..wwwkibsdeliveryservices.com.au.
    will appreciate as much help as i can get.

  12. Oddur Bjarnason comments:

    I replaced the code with

    <a href="” title=”” rel=”home”><img id="site-logo" src="/images/site-logo.png” alt=”” />

    I placed an image with the name of site-logo in public_html/images. When I visit the site I see a “place holder” for a logo with a red cross in it but no image.

    Can you help me with this?

    Regards, Oddur.

    • alchymyth replies:

      simply do not use relative image paths. use the code from the examples. or use the full absolute path (starting with http://.. ) to the image.

  13. semmy comments:

    yes thank you I have used this code
    Thank you very much, it is much better!

  14. semmy comments:

    Hi, I read your interesting and useful articles, you are a connoisseur
    tell me how to make a theme twentyeleven static?
    Now it’s bad when the changes in the browser window on a small screen like netbook

Leave a Reply to alchymyth Cancel reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>


This site uses Akismet to reduce spam. Learn how your comment data is processed.