How to Remove the Divi Sidebar

by | Aug 8, 2019 | Divi tutorials | 0 comments

How to remove the Divi sidebar

On the default pages like the post, category, archive and 404 pages there is always a sidebar. In this tutorial I will be explaining how you can remove the sidebar globally but also on each individual page.

Let’s get started with removing the sidebar globally.

Remove sidebar globally

To remove the sidebar on all your pages you can use this CSS snippet.

The first snippet removes the thin vertical line.

The second snippet removes the sidebar

The third snippet makes your content 100% width (the sidebar has been removed so you can use all the space).

Place this snippet in Divi > Theme Options > CSS or in your child theme CSS style sheet.

Remove sidebar on post pages

To remove the sidebar only on your blog posts you can use the following CSS.

Remove sidebar on category pages

To remove the sidebar only on your category posts you can use the following CSS.

Remove sidebar on archive pages

To remove the sidebar only on your archive pages you can use the following CSS.

Remove sidebar on 404 page

To remove the sidebar only on your 404 page you can use the following CSS.

And that is the end of this tutorial. I also have a tutorial how you can add any Divi module in the sidebar. Check that one out if you want to make a special sidebar.

0 Comments

Submit a Comment

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

close
Lifetime access to all Divi child themes and plugins
1 Shares
Share1
Tweet
Pin
Buffer