twenty eleven responsive theme shows very narrow content area

hlcalma · Member · Jan 27, 2014 at 10:28 pm
Copy link

Add topic to favorites
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: (visible only to logged in users)
hfzrhmn · Member · Jan 28, 2014 at 12:22 am
Copy link
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?
thistimethisspace · Member · Jan 28, 2014 at 12:24 am
Copy link
@hfzrhmn
Good day to you. :)
hlcalma · Member · Jan 28, 2014 at 12:48 am
Copy link
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?

Thanks!
hfzrhmn · Member · Jan 28, 2014 at 10:47 am
Copy link
Here’s how to attach a screenshot:

Take a Screenshot

@timethief:

Good day to you too :)
hlcalma · Member · Jan 28, 2014 at 12:06 pm
Copy link
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.
hlcalma · Member · Jan 31, 2014 at 12:54 pm
Copy link
Does anyone have any suggestions?

Thanks!
thesacredpath · Member · Feb 10, 2014 at 9:14 pm
Copy link
@hlcalma, This is the CSS rule that is causing the issue:
```
#branding > a {
    background: url("http://loveeachstep.files.wordpress.com/2014/01/new-header1.jpg") 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.
hlcalma · Member · Feb 11, 2014 at 10:23 pm
Copy link
Thank you @thesacredpath. That solved it!
thesacredpath · Member · Feb 12, 2014 at 5:11 am
Copy link
You are welcome.

No items found.