Affordable Mobile Website Idaho

IMPROVBOY Online & Print Marketing

“Where inspiration and science create brilliant solutions.”

Call Today!Web Designer Idaho

(208) 270-6445

How to Make WooCommerce Shop Page Full Width & Hide Sidebar

No WooCommerce Shop Page Sidebar

Make WooCommerce Shop Page Full Width & Hide Sidebar

To hide the sidebar:
Go to wp-content/plugins/woocommerce
In the file, single-product.php, remove the following code:

Next edit the file, archive-product.php, and remove the following code:

Now you need to alter your theme’s CSS to finalize the getting rid of the sidebar and making the page full width. If you are using the Divi theme by Elegant Themes, go to the Divi theme options, and on the General tab, add the following to the Custom CSS:

Sheri Smith

Sheri Smith

Head Programmer and Graphic Artist

Sheri is the head programmer for Improvboy, and has been working in the industry since the 1990's. Her expertise is mostly in HTML, CSS, PHP, MySQL, and javascript. If you need a website, ecommerce store, or website fixes, please don't hesitate to contact her here. She will be happy to help you out.

Share This