How to Show a Scrollbar on the BuddyPanel

Introduction

BuddyBoss allows you to scroll through the Side Panel (BuddyPanel) when many menu items are present, but the scrollbar is not always visible by default. You can make the scrollbar visible by applying a small CSS adjustment to the theme. This improves usability by clearly indicating that the Side Panel is scrollable. This guide explains how to show a scrollbar on the BuddyPanel.

Custom Workaround

Before proceeding, make sure you have a complete site backup.

1. Go to BuddyBoss > Theme Options in your WordPress admin dashboard
   
2. Open the Custom Codes section
   
3. Enable CSS
   
4. Add the following CSS code:
   

.buddypanel {

    overflow: scroll !important;

}

5. Click Save Changes
   

This will force the scrollbar to appear whenever the BuddyPanel content exceeds the visible height.

Note: Modifications are typically considered custom work, but we are making an exception in this case. Please review the BuddyBoss Support Policy.

Troubleshooting and FAQs

Q: The scrollbar is still not visible.
A: Clear your browser cache and check if another custom CSS rule is overriding this style.

Q: Will this affect the panel layout?
A: No, it only controls scrolling behavior and does not change spacing or alignment.

Q: Does this work on mobile devices?
A: Mobile browsers handle scrollbars differently, so visibility may vary depending on the device and OS.