Support » Themes and Templates » Twenty Twelve » Left Column Option

Left Column Option

  • One of the things I loved about Twenty Eleven was the option to put the sidebar on the left or right. First, why take that out of Twenty Twelve? Second, is there a simple way to swap the column from the right to the left?

Viewing 9 replies - 1 through 9 (of 9 total)
  • there is;

    create a child theme first; http://codex.wordpress.org/Child_Themes

    for example, below is what you would add to the style.css of the child theme to move the sidebar over to the left:

    /*-- move sidebar to the left --*/
    @media screen and (min-width: 600px) {
        .site-content {
            float: right;
        .widget-area {
            float: left;
    /* for IE8 and IE7 ----------------*/
    .ie .site-content {
        float: right;
    .ie .widget-area {
        float: left;

    Me too, I loved that about Twenty Eleven and really annoyed that they trashed it in Twenty Twelve!
    That’s great Alchymyth, but where in the file does it go? It’s a very big file!

    It isn’t a big file if you use a Child Theme. Are you using a Child Theme?

    I tried sticking that code into a copy of style.css, at the bottom below the last } as per someone else’s post, then uploaded it into a new folder called twentytwelve-child, then refreshed my website but the sidebar of widgets is still on the RHS! Is there something else I have to do to make the new style sheet work?

    I get an error message from the theme page saying that the child theme needs a template as well as a style sheet. But there’s nothing about this on the wordpress codex for uploading child themes! So I found the missing line and did it all again – and the widget sidebar moved to the left but it destroyed my header logo! I re-uploaded the header logo, but it does not show. Can anyone tell me what I do now?

    Blundered around, did it by re-uploading the logo to the media library and choosing the header from there instead of browsing desktop….

    I just realized I never posted a reply to alchymyth to report on his suggestion. I was able to make it work as he suggested. So, thanks for that.

    To be honest, I’m still trying to wrap my head around child themes. I get the concept, but I’m having trouble applying it and getting the results I want. I feel like I have to deconstruct TwentyTwelve to do it and that’s one heck of a stylesheet.

    I wish there was a stripped down responsive theme out there with very little preset styling so I wouldn’t have to dissect it so much to override the presets.

    Sorry, I’m rambling. But if anyone knows of such a holy grail theme, I will be in your debt if you could pass it on.

    I’m unsubscribing from this thread for now, but if anyone wants to ask me something about my post, please feel free!

    Here is a great tutorial if you want three columns: http://zeaks.org/tutorials/twenty-twelve-theme-three-column-layout/
    and an example I modified: http://www.lijitimit.com/

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Left Column Option’ is closed to new replies.
Skip to toolbar