Display the Submenu in the Header Horizontally

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