Make Woo-Commerce Products Full Width

we design captivating websites with creative seo and branding strategies.

Make Woo-Commerce Products Full Width

Trying to make the woo-commerce single products to be full width? Don’t want the sidebar there?

First, install and activate the plugin Simple Custom CSS. Go to the panel to add css to the plugin.

You can do this in both the customizer under Simple Custom CSS or go to the admin dashboard and click Appearance > Custom CSS.

Once you are there, copy and paste the following code. Then click save. 

body.woocommerce div#primary {
width: 100%;
}

body.woocommerce div#secondary {
display: none;
}