Hide Breadcrumbs

Introduction

BuddyBoss does not include a built in option to hide breadcrumbs across your site. If you prefer a cleaner layout without breadcrumbs in BuddyBoss pages or posts, you can hide them using a simple CSS snippet.

Custom Workaround

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

    display: none;

}
  1. Click Save Changes

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

Troubleshooting and FAQs

Q: The breadcrumbs are still visible after adding the CSS. What should I check?

A: Clear any site cache, caching plugin, or CDN cache. Make sure the CSS was added exactly as shown and that CSS is enabled in Theme Options before saving.

Q: Will this hide breadcrumbs on all pages of the site?

A: Yes. This CSS targets the breadcrumbs container globally, so breadcrumbs will be hidden wherever they appear.

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

A: Yes. You can refine the CSS selector by adding a body class for a specific page or template.

Q: Who can I contact for further help?

A: You can submit a support ticket through your BuddyBoss account dashboard for additional 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.