Please be advised that, as of now, BuddyBoss does not have an out-of-the-box option for this.

Modifications are generally considered custom work; however, we are making an exception in this case. Kindly review our Support Policy here: https://www.buddyboss.com/support-policy/.

Please try adding the following CSS code. Kindly note that if the submenu has more than 4 items, this code might not work as expected.

1. Go to BuddyBoss > Theme Options

2. Under Custom Codes, enable CSS

3. Append the following:

.bb-template-v2 .site-header #primary-navbar .menu-item>.ab-submenu .bb-sub-menu .menu-item {
display: inline-flex;
}
.site-header #primary-navbar .primary-menu .menu-item>.ab-submenu .bb-sub-menu{
max-width:none;
}
.site-header #primary-navbar .primary-menu .menu-item>.ab-submenu{
left:-180px;
}

4. Save Changes