Twenty Fourteen theme: how can I remove the left side bar ?

  • Unknown's avatar

    Hi there,

    I want to change my blog from the Hero to the Twenty Fourteen theme. I am preparing the transition (my blog is still featured in the Hero theme). One of the things, I would like it to have is to hide the left side bar

    I found the following CSS which achieves this:
    /* GET RID OF SIDEBAR */
    .featured-content {
    padding-left: 50px;
    }

    .site-main .widecolumn {
    margin-left: 50px;
    margin-right: 15%;
    }

    .site-content {
    margin-left: 50px;
    margin-right: 30%;
    }

    .site:before {
    width: 0;
    }

    #secondary {
    width: 0;
    }

    However, while the left sidebar is gone with that CSS code, the theme is not nicely displayed anymore on a mobile.

    Can someone help ? Or there other ways to hide the left side bar ?

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

  • Unknown's avatar

    Please use this link https://en.forums.wordpress.com/forum/css-customization#postform so you can copy and paste your text into a thread that will appear in the CSS Forum where you will get the help you need.

  • The topic ‘Twenty Fourteen theme: how can I remove the left side bar ?’ is closed to new replies.