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:

.buddypanel .buddypanel-menu {

white-space: break-spaces!important;


#buddypanel-menu .sub-menu { white-space: break-spaces; }

4. Save changes.

Note: Any modifications are considered as custom work already. Know more about our Support policy here:


Without Code

//Insert the image here

With Code

//Insert the image here