Title: Remove left sidebar
Last modified: August 21, 2016

---

# Remove left sidebar

 *  Resolved [JoshuaMunoz](https://wordpress.org/support/users/joshuamunoz/)
 * (@joshuamunoz)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/remove-left-sidebar/)
 * gadgetfit.net
 * I’m trying to remove the black left sidebar from my twenty fourteen child theme.
 * I’ve got the child theme all set up, style.css, header, and footer in the child
   folder, along with functions.php and index.php, but that latter two do not show
   up in the editor.
 * Any help would be appreciated!

Viewing 15 replies - 1 through 15 (of 23 total)

1 [2](https://wordpress.org/support/topic/remove-left-sidebar/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/remove-left-sidebar/page/2/?output_format=md)

 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/remove-left-sidebar/#post-4473589)
 * It looks like you managed to remove the left sidebar. If you’re all set, could
   you please mark this post as resolved using the dropdown menu just to the right?
   Thanks.
 *  [friktion321](https://wordpress.org/support/users/friktion321/)
 * (@friktion321)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/remove-left-sidebar/#post-4473592)
 * Also can you explain how you did this? I am also interested in removing the left
   sidebar.
 *  Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/)
 * (@zoonini)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/remove-left-sidebar/#post-4473607)
 * friktion321 – did you manage to figure out how to remove the left sidebar? I 
   don’t see one here: [http://www.nextgenweekly.com/](http://www.nextgenweekly.com/)
 * Care to share how you did it so it helps others who will undoubtedly want to 
   do the same thing as both of you and find this thread in search results? 🙂
 *  [alexwyller](https://wordpress.org/support/users/alexwyller/)
 * (@alexwyller)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/remove-left-sidebar/#post-4473615)
 * the first thing i had in mind is to unload the sidebar (comment the get_sidebar()
   function in your child themes)… but why do you want to get rid the sidebar? i
   like seing a black sidebar on a white content, thou.
 *  [aquaihoi](https://wordpress.org/support/users/aquaihoi/)
 * (@aquaihoi)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/remove-left-sidebar/#post-4473619)
 * Ok, to remove side bar you gotta quote these out on page.php in your child theme:
 *  </div><!– #content –>
    </div><!– #primary –> <?php /*?><?php get_sidebar( ‘content’);?
   ><?php */?> </div><!– #main-content –>
 * <?php
    //get_sidebar(); get_footer();
 * But you are left with the black bar on the left – so I assume you want the full
   content area just like me . . . ok . . . working on that bit now . . .
 *  [izziebot](https://wordpress.org/support/users/izziebot/)
 * (@izziebot)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/remove-left-sidebar/#post-4473620)
 * I am also very interested in an answer for this. 🙁
 * Lots of people have seen to figure out how to do it but nobody’s sharing
 *  [izziebot](https://wordpress.org/support/users/izziebot/)
 * (@izziebot)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/remove-left-sidebar/#post-4473621)
 * Ok, with a lot of fiddling I feel like I’m getting close.
 * To get rid of the sidebar I put the follow styles in:
 *     ```
       /* 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;
       }
       ```
   
 * Now depending on how you want the site to look, you can mess with the margin/
   padding number (here 50px).
 * *As a note, I turned off my header text. If you have that turned on, you’re gonna
   run into issues. I’ll try to figure out a fix for that later, but for now I’m
   going with designs that turn the header text OFF…
 * So after just the above, there’s quite a lot of white space hanging around the
   main content, which I’m struggling with.
 * I used the follow styles from another thread to beef up the main content (make
   it wider)
 *     ```
       /* EXPAND content width */
       .full-width .site-content {
       	margin: 0 auto;
       }
   
       .full-width .site-content .has-post-thumbnail .entry-header {
       	margin: 0 auto;
       }
   
       .singular.full-width .site-content .has-post-thumbnail.hentry {
       	margin: 0 auto;
       }
   
       .site-content .entry-header,
       .site-content .entry-content,
       .site-content .entry-summary,
       .site-content .entry-meta,
       .page-content {
       	max-width: 2000px;
       }
       ```
   
 * But I can’t seem to get rid of the massive margins between the main content and
   left and right… sigh.
 * [http://www.izziebytes.net/](http://www.izziebytes.net/)
 *  [izziebot](https://wordpress.org/support/users/izziebot/)
 * (@izziebot)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/remove-left-sidebar/#post-4473624)
 * Ok, sorry for the post spam – I can’t seem to edit or delete my former comments.
 * Think I figured it out. 98% there, feel free to adjust to make it look better/
   work better.
 * *Works with **no header text/description** only
    *Works with or without header
   image (1260px width a must). All this code should go in the default CSS editor.
 * **Get Rid of Sidebar:**
 *     ```
       /* GET RID OF SIDEBAR */
       .featured-content {
       	padding-left: 50px;
       }
   
       .site-main .widecolumn {
       	margin-left: 50px;
       	margin-right: 29%;
       }
   
       .site:before {
       	width: 0;
       }
   
       #secondary {
       	width: 0;
       }
       ```
   
 * **Adjust content width and padding:**
 *     ```
       /* EXPAND content width & fix margins*/
       .full-width .site-content {
       	margin: 0 auto;
       }
   
       .full-width .site-content .has-post-thumbnail .entry-header {
       	margin: 0 auto;
       }
   
       .singular.full-width .site-content .has-post-thumbnail.hentry {
       	margin: 0 auto;
       }
   
       .site-content .entry-header,
       .site-content .entry-content,
       .site-content .entry-summary,
       .site-content .entry-meta,
       .page-content {
       	max-width: 2000px;
       }
   
       .hentry {
       	max-width: 100%;
       }
   
       .site-content {
       	margin-left: 20px;
       	margin-right: 29%;
       }
       ```
   
 * Optional – center content (looks best, imo, but your milage may vary).
    /* CENTER
   CONTENT */
 *     ```
       .site {
       	max-width: 1260px;
       	position: relative;
       	margin: 0 auto;
       }
       ```
   
 *  [ipunkbali](https://wordpress.org/support/users/ipunkbali/)
 * (@ipunkbali)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/remove-left-sidebar/#post-4473625)
 * [@izziebot](https://wordpress.org/support/users/izziebot/), I dont think using
   css is the cleanest way to remove sidebar, i still can see your blank #secondary
   div. Its just hide it, not remove it. This should be done with php functions.
 * Hopefully the theme author will help this issue.
 * Why on earth magazine theme has 3 columns??
    Even mashable.com, cnet.com, forbes.
   com and cnn.com dont have 3-columns except their homepage.
 * I notice after using 2014 theme my revenue drops 50%.
 *  [Missy Oveson](https://wordpress.org/support/users/missybunnie/)
 * (@missybunnie)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/remove-left-sidebar/#post-4473626)
 * Why did you comment out the closing divs? I believe you should be able to remove
   the sidebar by just removing the get sidebar part. The closing divs may be part
   of why the box is still there. You probably need to find the div for the sidebar
   and comment that not the closing to your main content and middle section.
    If
   you are doing this with a child theme just take the php file with the sidebar
   remove the line and name it the same thing with the child theme.
 *  [bagmaster](https://wordpress.org/support/users/bagmaster/)
 * (@bagmaster)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/remove-left-sidebar/#post-4473627)
 * How come the Author won’t step up and solve this for us? I’ll tell you why, they
   can’t!
    Not only is the black left sidebar the worst design decision known to
   man, its forced on us like communism in Cuba! I’ve tried everything under the
   sun to remove this embarrassment to humanity but nothing seems to work without
   a myriad of other design issues, and having to restyle whole freakin theme CSS!
   Clearly the Theme Author also has no clue and would rather us all al purchase
   a theme at a site like Themeforest, rather than promoting their work. Shame on
   WordPress for letting this sort of thing fly! Time to buy a theme!
 *  [dsalon](https://wordpress.org/support/users/dsalon/)
 * (@dsalon)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/remove-left-sidebar/#post-4473628)
 * I like the twenty fourtenn theme very much and intend to use it, so currently
   I test it on a LAN server…
 * izziebot thank you for your suggestion, however as you know it doesn’t work properly…
   the most serious issues are problems with the responsiveness… (for instance there
   are conflicts with the right sidebar and the title and also the thumbnail area)
 * so I’ve checked the solutions proposed by JoshuaMunoz and friktion321… below 
   is the css I’ve extracted from friktion321, which complies better with my ideaws…
   though this proposal doesn’t work with full-width pages… that’s ok for me…
 * /* No Sidebar */
 * [@media](https://wordpress.org/support/users/media/) screen and (min-width: 783px){
 *  .primary-navigation {
    float: right; margin-left: 20px; } }
 * [@media](https://wordpress.org/support/users/media/) screen and (min-width: 1110px){
 *  .archive-header,
    .comments-area, .image-navigation, .page-header, .page-content,.
   post-navigation, .site-content .entry-header, .site-content .entry-content, .
   site-content .entry-summary, .site-content footer.entry-meta { padding-left: 
   55px; }
 * }
 * /*
    centering the page .site { margin: 0 auto; } */
 * .site-content .entry-header,
    .site-content .entry-content, .site-content .entry-
   summary, .site-content .entry-meta, .page-content { max-width: 874px; } .comments-
   area { max-width: 874px; } .post-navigation, .image-navigation { max-width: 874px;}
 * .site:before,
    #secondary { width: 0; display: none; } .featured-content { padding-
   left: 0; } .featured-content-tp { padding-left: 0; } .site-content, .site-main.
   widecolumn { margin-left: 0; } .hentry { max-width: 900px; } .post-thumbnail 
   img { width: 100%; }
 * .site-title,
    .site-description { clip: rect(1px 1px 1px 1px); /* IE7 */ clip:
   rect(1px, 1px, 1px, 1px); position: absolute; }
 * you can do the same with JoshuaMunoz’s proposal…
 * as mentioned by ipunkbali a clean sulution maybe to comment out the get_sidebar()
   in your child theme’s templates
 *  [friktion321](https://wordpress.org/support/users/friktion321/)
 * (@friktion321)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/remove-left-sidebar/#post-4473631)
 * Sorry Kathryn Presner and everyone else. Kind of disappeared there for awhile.
 * I actually just ended up installing the Twenty Fourteen Extended plugin. Within
   the plugin there is an option to disable the right side bar and align everything
   to your choosing. May have not been the option I was looking for, but it worked
   just the same.
 *  [rdobbins](https://wordpress.org/support/users/rdobbins/)
 * (@rdobbins)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/remove-left-sidebar/#post-4473652)
 * With the 2014 theme, install the Fourteen Extended Plugin. Go to Appearance, 
   Customize, Twenty Fourteen General Options, and click Remove Primary (Left) Sidebar.
   I had to select “Remove the Feature Content” too but should work without checking
   this. Credit to MyEZ WP ([YouTube](https://www.youtube.com/watch?v=vMzdv8r_qAc)).
 *  [baxterstockman](https://wordpress.org/support/users/baxterstockman/)
 * (@baxterstockman)
 * [12 years, 2 months ago](https://wordpress.org/support/topic/remove-left-sidebar/#post-4473653)
 * Hey,
 * I did everything what Mike said in his video got (rid of the sidebar and everything)
   but it’s still not set to full width.
 * I also copied izziebot’s code for /* EXPAND content width & fix margins*/ in 
   my child theme as well as tried this code (sperately) that I found online
 * > /*This section sets page to 100% width */
   >  .site { background-color: #fff; 
   > max-width: 100%; position: relative; } /*This section sets page header to 100%
   > width */ /*.site-header { background-color: #000; max-width: 100%; position:
   > relative; width: 100%; z-index: 4; }
 * Unfortunately, neither works, I still have a little bit of a margin on the right
   and the left, does anyone know why?

Viewing 15 replies - 1 through 15 (of 23 total)

1 [2](https://wordpress.org/support/topic/remove-left-sidebar/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/remove-left-sidebar/page/2/?output_format=md)

The topic ‘Remove left sidebar’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/twentyfourteen/4.5/screenshot.
   png)
 * Twenty Fourteen
 * [Support Threads](https://wordpress.org/support/theme/twentyfourteen/)
 * [Active Topics](https://wordpress.org/support/theme/twentyfourteen/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/twentyfourteen/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/twentyfourteen/reviews/)

 * 23 replies
 * 19 participants
 * Last reply from: [Evil2014](https://wordpress.org/support/users/evil2014/)
 * Last activity: [11 years, 7 months ago](https://wordpress.org/support/topic/remove-left-sidebar/page/2/#post-4473677)
 * Status: resolved