Have you picked out the perfect theme
for your website but you want to remove your sidebar area? Well keep watching
and I’ll show you how you can remove the sidebar in WordPress. Many free and paid
themes will already come with the ability to remove the sidebar area. For
instance I’m in the backend of my WordPress website and I’m under themes
and right now I have the Genesis setup. If you go under the Genesis theme
settings I can click on there and you’ll scroll down and you see this area where
I can choose be full width as my default. So look for theme settings to make sure
that there’s an ability to create just a full width from there. If you don’t have
that for instance I’ll go to themes again and I will switch it to the 2016
theme. By default there’s nowhere in the 2016 theme area to make it full width so
I’ll have to make some changes to the actual files for the theme. To do that
you’ll want to connect to your theme with an FTP you see I am connected to my
website and I am in the 2016 theme area. I’ll need to change the index, the page,
and the single I’m going to download the index page here you can open it with
your own text editor. I’ll right click and open with my sublime text, so the text
editor I’m using you can use whichever one you want. Now that we have it open we
need to look for the sidebar and this is what’s causing it to bring in the
sidebar area so you’ll want to remove that completely and then you want to
upload that back to your site and overwrite the original and then when I
go on the home page you see that there is no sidebar here. Now I’ve removed the
sidebar but you’ll see that there’s still some space here you’ll just want
to also fix your CSS to have this go full width as well. So I’m going to go
back to my dashboard, go to my customize area, I’m going to click on additional
CSS, and just to show you real quickly that I can add some CSS here to make
this go full width and you see as soon as I put that in it brings my WordPress theme to full width. I’ll show you again by removing it, you see how it’s pushed over
to the side as if they’re still a sidebar and then I’ve adjusted it again.
You want to save your settings and now you have a full width theme. Make sure
you do that to all of the pages on your site such as the page, post, single, and
index. Did you learn something from today’s video? If so subscribe to our
YouTube channel and we’ll send more helpful tips to help you manage your
WordPress website and thanks for watching

How to Remove the Sidebar in WordPress

30 thoughts on “How to Remove the Sidebar in WordPress

  • June 5, 2017 at 8:43 pm
    Permalink

    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.

    Reply
  • June 5, 2017 at 8:53 pm
    Permalink

    What happens when the theme author updates the theme?

    Reply
  • June 5, 2017 at 10:33 pm
    Permalink

    Hello, please, which FTP client are you using?

    Reply
  • June 7, 2017 at 12:19 am
    Permalink

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

    Reply
  • June 7, 2017 at 11:54 am
    Permalink

    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.

    Reply
  • June 8, 2017 at 8:05 am
    Permalink

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

    Reply
  • June 25, 2017 at 9:49 am
    Permalink

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

    Reply
  • October 6, 2017 at 3:30 pm
    Permalink

    useful, thanks

    Reply
  • October 9, 2017 at 8:08 pm
    Permalink

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

    Reply
  • October 16, 2017 at 2:18 am
    Permalink

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

    Reply
  • November 30, 2017 at 6:56 am
    Permalink

    Genial me sirvio de mucho.

    Reply
  • March 6, 2018 at 8:56 pm
    Permalink

    thanks, you saved me a lot of work

    Reply
  • April 18, 2018 at 4:50 pm
    Permalink

    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!

    Reply
  • May 19, 2018 at 10:22 pm
    Permalink

    Didn't work

    Reply
  • May 29, 2018 at 4:42 pm
    Permalink

    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

    Reply
  • July 9, 2018 at 3:13 am
    Permalink

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

    Reply
  • August 11, 2018 at 8:26 pm
    Permalink

    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');

    Reply
  • November 27, 2018 at 2:36 am
    Permalink

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

    Reply
  • December 29, 2018 at 12:10 am
    Permalink

    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.

    Reply
  • January 22, 2019 at 4:39 am
    Permalink

    How do you "connect to your theme"?

    Reply
  • January 30, 2019 at 10:18 am
    Permalink

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

    Reply
  • February 22, 2019 at 11:00 am
    Permalink

    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?

    Reply
  • February 24, 2019 at 11:31 am
    Permalink

    Ty bro 👌👌

    Reply
  • March 8, 2019 at 9:20 pm
    Permalink

    Thank you .

    Reply
  • March 28, 2019 at 4:35 am
    Permalink

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

    Reply
  • March 28, 2019 at 11:04 am
    Permalink

    Hello,

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

    Thank you

    Reply
  • April 24, 2019 at 7:31 am
    Permalink

    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? www.configbytes.com

    Reply
  • June 15, 2019 at 9:49 am
    Permalink

    Thank you so much mem..

    Reply
  • June 28, 2019 at 1:19 am
    Permalink

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

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *