How to Remove the Divi Sidebar Using CSS

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).

/* Remove sidebar */ #sidebar { display:none; } /* Remove thin line */ #main-content .container:before { background: none; } /* Make content 100% width */ @media (min-width: 981px){ #left-area { width: 100%; padding-right: 0px !important; }}

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