Hiding Header and BuddyPanel in a single page

By default, the platform does not have this option. You can use the following CSS code.

Please follow the steps below:

1. Go to BuddyBoss > Theme Options

2. Under Custom Codes, enable CSS

3. Append the following:

.page-id-6 .site-header {
    display: none;
}

.page-id-6 aside.buddypanel {
    display: none;
}

Please note that you need to change the page ID number according to the page you want to implement the changes. As per the sample below, the member’s directory page ID is 6, therefore we put 6 on the CSS code:

4. Save changes.

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

Screenshots

Without code

With code