Need help? Check out our Support site, then

twenty eleven responsive theme shows very narrow content area

  1. Hello.

    I've made some CSS changes on my blog. Now when it is viewed on a mobile device, the background image is off to the right, and the content area/posts are in a very narrow area that is only about 1/3 of the screen. The header image fits the window perfectly.

    What have I done wrong?

    Thank you!

    The blog I need help with is

  2. I just checked. In my test, the background image fills the window correctly, the content area fits as well.

    The header image no longer fits, though (too big for the screen).

    I suppose you already have the issues above solved?

  3. thistimethisspace

    Good day to you. :)

  4. On my iPhone it still is looking the same. I have not changed anything. The same thing happens on my iPad too. Is there a way to attach a screenshot?


  5. Here's how to attach a screenshot:


    Good day to you too :)

  6. Thank you! I should have thought of this.

    I have had some friends show me the same issue when they pull it up on their devices. Not only iPhones, etc. but other brands.

  7. Does anyone have any suggestions?


  8. @hlcalma, This is the CSS rule that is causing the issue:

    #branding > a {
        background: url("") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        display: block;
        height: 200px;
        width: 1000px;

    What you need to do is to remove that and then insert that header using the custom header feature at Appearance > Header instead. The Header image will still act as a link to your main page, as it does now.

  9. Thank you @thesacredpath. That solved it!

  10. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic