twenty eleven responsive theme shows very narrow content area

  • Author
    Posts
  • #1624716

    hlcalma
    Member

    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 loveeachstep.com.

    #1624813

    hfzrhmn
    Member

    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?

    #1624814

    @hfzrhmn
    Good day to you. :)

    #1624815

    hlcalma
    Member

    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!

    #1624836

    hfzrhmn
    Member

    Here’s how to attach a screenshot:

    http://en.support.wordpress.com/make-a-screenshot/

    @timethief:

    Good day to you too :)

    #1624837

    hlcalma
    Member

    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.

    #1624939

    hlcalma
    Member

    Does anyone have any suggestions?

    Thanks!

    #1624976

    @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.

    #1624977

    hlcalma
    Member

    Thank you @thesacredpath. That solved it!

    #1624978

    You are welcome.

The topic ‘twenty eleven responsive theme shows very narrow content area’ is closed to new replies.