/*Reverse sticky header*/
  1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. How to Hide the Side Panel on a Single Products on a WooCommerce Shop

How to Hide the Side Panel on a Single Products on a WooCommerce Shop

By default, the platform does not have this option. You can use the following CSS code to hide the side panel in your WooCommerce Products. Please note that this code is to hide the sidebar added in Widgets for WooCommerceShop. Hiding only the Single Products but still displaying on the Shop page.

Please follow the steps below:

    1. Go to BuddyBoss Theme Options

    2. Under Custom Codes, enable CSS

    3. Append the following:

.single-product div#secondary { display: none; } .single-product div#primary { max-width: 100% !important; }

    4. Save changes.

Note: Any modifications are considered custom work already. Know more about our Support policy here: https://www.buddyboss.com/support-policy/

Was this article helpful?

Related Articles

Need Support?

Can't find the answer you're looking for?
Contact Support

To speak to our Agency consultant, fill in the form found at our Contact Page.

"*" indicates required fields

Get Started

Enter your name and email address to get started with your project...

Name*