Divi theme displays a sidebar on Woocommerce product pages. If you are looking to remove the sidebar on Woocommerce product pages, but maintain it on other pages, this tutorial is for you.

To be able to remove the sidebar, use the CSS below. It will hide the sidebar from your Woocommmerce product pages and center the product listing.

After logging in to your WordPress dashboard, then go to Divi >>Theme Options>>Custom CSS.

Then paste this code:

body.single-product #sidebar {
    display: none;
}
body.single-product #left-area {
                float: none;
                margin-left: auto;
                margin-right: auto;
}
body.single-product #main-content .container:before {
                display: none;
}

Ensure that the code is added to the right place within your Divi website.

That’s it for now. To be able to receive more of these tips. Subscribe to my newsletter.