By default, the BuddyBoss Theme displays sub-menus on the left side. 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:

.site-header #primary-navbar .primary-menu .menu-item>.ab-submenu .bb-sub-menu .menu-item:hover .ab-submenu,
.site-header #primary-navbar .primary-menu .menu-item>.ab-submenu .bb-sub-menu .menu-item:hover .ab-submenu {
    -webkit-transform: translateX(100%) !important;
    -ms-transform: translateX(100%) !important;
    transform: translateX(100%) !important;
}

    4. Save changes.

Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://www.buddyboss.com/support-policy/

Screenshots

Without Code:

With Code: