Hi BuddyDev Team,

I’m currently using BuddyPress Group Tabs Creator Pro to create a custom tab called “Dashboard” (slug: dashboard-group) within BuddyBoss groups on my site.

The tab works in terms of navigation and content loading, but there’s a major issue: when this custom tab is active, it completely breaks the layout and UI scripts of the entire BuddyBoss Theme interface.

Here’s what happens:

– The group navigation bar loses its active styling.

– The BuddyBoss user profile dropdown in the top right stops working.

– The global search bar becomes unresponsive.

– The left BuddyPanel menu no longer toggles.

Other JavaScript-dependent components stop functioning across the entire page.

After inspecting the DOM, I found that the tab’s link is being rendered as:

<div class=”bb-single-nav-item-point”>Dashboard</div>

This is invalid HTML (<div> inside ) and breaks both the CSS and JavaScript behaviors expected by BuddyBoss, which normally renders:

Tab Label
I attempted a fix via JavaScript that rewrites the DOM on load to correct the markup, but it only partially works and introduces potential flicker or race conditions. CSS patches are ineffective since styles target the a.selected element directly.

My request:
How can I force the plugin to render the tab as a proper tag, with no <div> inside it?

Is there a filter or setting available to control or override the HTML output of tabs created via your plugin?

If not, is there a recommended template override strategy that would let me maintain compatibility with BuddyBoss’s navigation system?

Thank you in advance for your help! This is critical to restoring the visual and interactive integrity of the site.