Remove Sidebar on Woocommerce Product Pages

|

By default, the Divi Theme will display a sidebar on Woocommerce product pages. Here's how you can hide / remove the sidebar.

Hiding the Sidebar using CSS

You can use the following CSS to hide the sidebar from your Woocommmerce product pages and center the product listing:

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;
}

This post may contain referral links which may earn a commission for this site

Hundreds of new features for Divi
in one easy-to-use plugin

0 Comments

Submit a Comment

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