Blog

WEBFI-WordPress-How to Remove the Sidebar in WordPress



Are you looking to get rid of the sidebar from your WordPress site? The sidebar is the widget-ready area in your WordPress theme. We’re here to help you get rid of that widget area on your site to help make your site look how you want.

Text version of this tutorial:
http://www.wpbeginner.com/wp-themes/how-to-remove-the-sidebar-in-wordpress

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

Check us out on Facebook:
https://www.facebook.com/wpbeginner

Follow us on Twitter:
http://twitter.com/wpbeginner

Join our circle on Google+:
https://plus.google.com/+wpbeginner/

Checkout our website for more WordPress Tutorials
http://www.wpbeginner.com/

Summary of this tutorial:

Some themes such as the genesis theme can have built in methods for removing the sidebar.

Before you edit the files you would first want to look for Theme Options or if there is a setting under Appearance, Customize.

If you don’t have that option you would want to connect to your site with an FTP client and go to your theme’s files found under wp-content/themes

Edit the file you want to remove the sidebar from such as the index.php, page.php, single.php, archive.php, home.php and so on.

When you decide on the file to edit you will want to look for the “?php get_sidebar(); ?” and remove it as well as the brackets around it.

save your file and it should update and remove the area on your site.

However there may still be the area where the widgets belonged that you would need to use CSS to remove that area.

source

37 Comments

  • Himanshu on June 5, 2017

    can you plz tell how to add a custom search icon in header in WordPress.
    I'm using 2017 theme. it would be great help.

  • Lance McGrew on June 5, 2017

    What happens when the theme author updates the theme?

  • Laercio Civali on June 5, 2017

    Hello, please, which FTP client are you using?

  • Girish kumar on June 6, 2017

    Hello, Could you please do the tutorial on 'creating customise plugin'

  • Sameer Chavan on June 7, 2017

    but these would be temporary solution coz every one know using WordPress we face many issue so many time we need to reinstall the theme ,so better I suggest we can use tj theme junkie custom CSS plugin an make the sidebar class as display:none.

  • Umar Bazar on June 7, 2017

    Is it legal to develop a wordpress a wordpress theme and sell it again ?

  • Rand Robinson on June 25, 2017

    Thank you for the clean crisp, and informative video. Going to watch it again.

  • Хаски on October 6, 2017

    useful, thanks

  • J P Singh on October 9, 2017

    As More and more users are browsing through mobile devices, sidebar is becoming unnecessary and unuseful.

  • Daniel C on October 15, 2017

    Stellar – super concise, easy to understand. You accomplished in under 3 mins what lots of tutorials take 12-15 to do.

  • jaime hidalgo on November 29, 2017

    Genial me sirvio de mucho.

  • Niv var on March 6, 2018

    thanks, you saved me a lot of work

  • Guy-Paul Mitchell-Dwelly on April 18, 2018

    Thankyou so much for this post. There are so many that state you have to alter the .php code but this is just what I was looking for! Many thanks!

  • Tuhin Polley on May 19, 2018

    Didn't work

  • Keto4Life on May 29, 2018

    Don't start to sound like WPMUDev – it's all depends on the theme if then add the code to insert into the theme to make it work

  • Ayman on July 8, 2018

    It didnt work for me, I did everything (I use education hub)

  • Andres Rivera on August 11, 2018

    The best way to do this is to create a child theme and put the CSS rules in it. If you change code from the original files – you will loose your changes once you get your theme update. If you do not want a theme update add this to your "functions.php" –> add_filter('auto_update_theme', '__return_false');

  • Robin J on October 8, 2018

    Thanks

  • AS Dutt on November 26, 2018

    Thanks! Can someone suggest a free (yeah, i'm cheap) theme best suited for mobile?

  • Sugeeth Sathish on December 28, 2018

    my wordpress dashboard looks completely different than that and I don't even see where I can edit the theme? It only allows me to customize but it doesn't let me change much at all.

  • School Of ESL on January 21, 2019

    How do you "connect to your theme"?

  • فهد آل هلال on January 29, 2019

    I have followed a lot of explanations in the web but I am so proud of this easy explanation

  • Reinette Visser on February 22, 2019

    I use Storefront theme and it doesn't appear to have a 'theme settings' page so sadly this tutorial didn't work for me. Can you think of any other place where I could look?

  • koushal sharma on February 24, 2019

    Ty bro 👌👌

  • seo experts on March 8, 2019

    Thank you .

  • Windspar on March 27, 2019

    wordpress! its time for an update. stop making a side menu default! we the people dont want it!

  • Andrea De La Puente on March 28, 2019

    Hello,

    What is the code for the page? I tried to do it on my site, but it did not work.

    Thank you

  • Barackuse on April 23, 2019

    I followed your instructions, editing the CSS text files as well as the Index, Single and Page PHP files. However my posts on my blog page still do not go across the full width of the page. I still have the blank space in to the left. Any ideas? http://www.configbytes.com

  • Pawan Panchal on June 15, 2019

    Thank you so much mem..

  • PJS on June 27, 2019

    It didn't work for me. I don't know why.

  • Yuqi Hu on April 18, 2020

    .content-area {
    width:100%;
    margin;
    border;
    padding:0;
    }
    Thank you so much!

  • ember on May 29, 2020

    does not work for me. ty

  • MIREMADASSADI on June 7, 2020

    thank you so much

  • Manu El on June 28, 2020

    can I put more post in this right side instead of remove it and expand the left content?

  • Ashley CK on August 4, 2020

    I found and easier way to do it if you dont have the remove theme option
    1. Download a plugin called "Fullwidth Page Templates"
    2. Go to pages 》 All Pages and find the page you want to edit
    3. Scroll down to page attributes and in template pick the "FW no sidebar" template.
    4. Then update the page and you're done.

  • Make Him Obsessed With You on October 28, 2020

    how to create a wordpress page without header menu sidebar and footer

  • MAX MEDIA Trivandrum on June 24, 2021

    css coding is not working, pls send me code

WhatsApp us
Live Chat

Office hours operation Mon-Sun 8:00 am ET – 4:00 pm ET

To start your Premium WP or Cpanel service, use our domain search engine, if the domain you want is available, contact us by Whats app to activate your project.

The easiest, fastest, and most secure way to communicate with us.
loading
Please enter your domain.
Please verify that you are not a robot.

Terms Privacy

 

 

error: WEBFINET SECURITY IS ON