Introduction
BuddyBoss does not provide a built-in option to hide the BuddyPanel specifically for desktop users. You can use a CSS snippet to disable the BuddyPanel on screens wider than 800px while keeping it visible on mobile devices. The focus keyword for this guide is Disable BuddyPanel on Desktop.
Custom Workaround
- In your WordPress admin, go to BuddyBoss > Theme Options
- Under Custom Codes, toggle Enable CSS to On
- Paste the following CSS:
@media (min-width: 800px) {
.buddypanel {
display: none;
}
.bb-buddypanel .site {
margin-left: 0px;
}
.site-header {
width: 100% !important;
}
}- Click Save Changes
Any custom code is considered “custom work.” Please review our Support Policy for more details.
Troubleshooting and FAQs
Q: The BuddyPanel is still visible on desktop, what should I check?
A: Ensure the CSS was pasted exactly as shown and that Enable CSS is turned on. Clear any site cache or CDN cache if necessary
Q: Will this affect the mobile version?
A: No. This CSS only applies to screens with a minimum width of 800px, leaving mobile layouts unaffected
Q: Can I adjust the breakpoint for tablets or other screen sizes?
A: Yes. Change the min-width value in the CSS to target different screen widths
Q: Who can I contact for further assistance?
A: Submit a support ticket through your BuddyBoss account dashboard for personalized help
