Make twentyeleven title image responsive

  • Author
  • #1025947



    I used this guide to replace my site title with a logo. I’m using the twentyeleven theme.

    I would like to make the logo responsive so that it will resize together with the rest of the page. I currently have the following in my twentyeleven custom stylesheet:

    #site-title {
    #site-title a {
    	background:url('') no-repeat;

    I have tried size:cover; and size:contain; but it doesn’t work. Any suggestions?

    The blog I need help with is



    The blog you specified at does not appear to be hosted at

    This support forum is for blogs hosted at If your question is about a self-hosted WordPress blog then you’ll find help at the forums.

    If you don’t understand the difference between and, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

    This is an automated message.


    First, you probably want “background-size” not “size.” Second, the container width and heigh matter. Third, you should also consider media query rules at play here.

    This forum is for blogs, and your WordPress blog is not setup here at However, it’s an interesting question. :)

    Please post at and reply back here with the link and I will take a look.

The topic ‘Make twentyeleven title image responsive’ is closed to new replies.