How to Fix Fonts Wrapping Issue in the BuddyPanel

Introduction

When certain lowercase letters (like p, g, or y) appear clipped or cut off in your BuddyPanel menu, it’s usually due to overflow settings on the span elements. A small CSS adjustment ensures the full glyphs remain visible.

Custom Workaround

1. Go to BuddyBoss > Theme Options.
2. Under Custom Codes, Enable CSS.
   

Append the following snippet:

.buddypanel-open:not(.register) .buddypanel ul.buddypanel-menu > li > a > span {

  overflow: visible;

  white-space: nowrap;

}

3. Save Changes.
   

Note: Any modifications are considered “custom work.” Review our Support Policy for details.

Troubleshooting and FAQs

Q: The letters are still cut off—what should I check?
A: Clear your site and browser caches so the new CSS loads; if you use a CDN, purge its cache as well.

Q: Will this affect text wrapping elsewhere?
A: This rule targets only the BuddyPanel menu spans when the panel is open (excluding registration views), so other text areas remain unaffected.

Q: Can I revert this change later?
A: Yes—simply remove or comment out the CSS snippet and save your settings to restore the original behavior.