Hide Profile Dropdown and BuddyPanel on 404 Error Page

Introduction

By default, BuddyBoss displays the profile dropdown and BuddyPanel even on the 404 error page. If you want to hide these elements specifically on the 404 page to reduce clutter or provide a cleaner layout, you can use a custom CSS snippet.

Custom Workaround

1. Go to BuddyBoss > Theme Options
2. Under Custom Codes, enable CSS
3. Append the following CSS code:

body.error404 div.header-aside-inner,

body.error404 div#primary-navbar,

body.error404 aside.buddypanel {

    display: none;

}

4. Click Save changes

This will hide the profile dropdown, the primary navbar, and the BuddyPanel only on pages that return a 404 error.

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

Troubleshooting and FAQs

Q: Will this hide these elements on all pages?

A: No. This CSS targets only the 404 error page using body.error404.

Q: Can I hide only the BuddyPanel and keep the navbar?

A: Yes. Simply remove div#primary-navbar and/or div.header-aside-inner from the CSS rule.

Q: How do I revert the change?

A: Remove the CSS snippet from Custom Codes and save changes.

Q: Will this affect SEO or site functionality?

A: No. This change only hides elements visually; it does not remove them from the HTML.

Screenshots

Without code

With code