IMPROVBOY Online & Print Marketing
“Where inspiration and science create brilliant solutions.”
Call Today!
How to Make WooCommerce Shop Page Full Width & Hide 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:
Magento Articles
- How To Install Magento 2 on Centos Server
- No PO Box for Shipping in Checkout
- Add Social Media Share Buttons to Magento WordPress Integration Pages
- Magento 1.9 New Registration Error: Please Make Sure Your Passwords Match
- Why is My ionCube Loader Not Working?
- Find the PHP Version on Your Server & Website
WordPress Articles
HTML & CSS Articles
Beaver Builder Theme Articles
Divi Theme Articles
WooCommerce Articles
Graphic Art Articles
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.
[et_social_follow icon_style="slide" icon_shape="rounded" icons_location="left" col_number="auto" outer_color="dark"]
