sidebar missing after changing content width

  • Unknown's avatar

    Hello, after I added a bit of CSS expanding my site’s content width, the sidebar disappeared. How can I retain the sidebar with this wider content area still intact? Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hey there!

    The CSS code you added to increase the content width is encroaching on the space for the sidebar. The only way to keep the content width as-is, and maintain your sidebar, is to widen the entire center container size.

    If you’d like to give this a try, click Appearance → Customize in your site’s Dashboard. Then, click CSS in your right-hand menu. In the CSS Revisions box, please paste the following underneath all existing text:

    #container {
    width: 1150px;
    }

    Then Save your changes.

    I hope this helps! If you have any other concerns, drop me a note. Thanks much!

  • Unknown's avatar

    Thanks so much for the note, it didn’t seem to work.

    This was the code I entered to widen the content to begin with:

    #header, #footer, #wrapper {
    width: 750px;

    is that correct? Following it, I entered the code you gave me. No luck. Any other thoughts? Thank you!

  • Unknown's avatar

    Hi there,

    Let’s try a different method. How about just changing the max-width of the container. Remove all the existing code in your CSS editor and try pasting this in:

    #container {
    	max-width: 1150px;
    }

    Let me know what you think of that. If it’s not exactly what you want let me know!

  • Unknown's avatar

    perfect, thank you very much! And I hope you check the site out, I try to post cool things. Much obliged!

  • Unknown's avatar

    You’re very welcome!

    I had been actually looking through your site! This is amazing:

    http://mossandfog.com/2014/09/24/day-to-night-photos-pt-2/

    Keep up with the good work!

  • The topic ‘sidebar missing after changing content width’ is closed to new replies.