1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. Hide Breadcrumbs in WooCommerce

Hide Breadcrumbs in WooCommerce

Introduction

BuddyBoss does not include a built-in setting to hide WooCommerce breadcrumbs. If you prefer a cleaner layout without breadcrumbs on WooCommerce pages, you can use a simple CSS snippet to remove them.

Custom Workaround

  1. In your WordPress admin, go to BuddyBoss > Theme Options
  2. Under Custom Codes, enable CSS
  3. Add the following CSS:
.woocommerce-breadcrumb {

    display: none;

}
  1. Click Save Changes

Note: Any custom code added to your site is considered custom work. Please review the BuddyBoss Support Policy for more information.

Troubleshooting and FAQs

Q: The breadcrumbs are still visible. What should I check?

A: Clear your site cache, caching plugin, and any CDN cache. Also confirm that the CSS was saved correctly and that CSS is enabled in Theme Options.

Q: Will this hide breadcrumbs on non WooCommerce pages?

A: No. This CSS only targets WooCommerce breadcrumbs.

Q: Can I hide breadcrumbs only on specific WooCommerce pages?

A: Yes. You can refine the CSS selector to target specific pages such as product or shop pages.

Q: Who can I contact if I need more help?

A: You can submit a support ticket through your BuddyBoss account dashboard for further assistance.

Was this article helpful?

Related Articles

Subscribe to Our Newsletter

Stay In Touch

Subscribe to our Newsletter, and we’ll send you the latest news from BuddyBoss

This field is for validation purposes and should be left unchanged.
This field is hidden when viewing the form

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