Divi Booster

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

Related Post: Adding CSS to the Divi Theme

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

Divi Booster

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

Download Divi Booster

0 Comments

Submit a Comment

Comments are manually moderated and approved at the time they are answered. A preview is shown while pending but may disappear if your are cookies cleared - don't worry though, the comment is still in the queue.

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