Increase the Displayed Members Per Row in Members Page

By default, the platform does not have this option. 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:

#buddypress .members-list > li {
    min-width: 220px;
}

@media screen and (min-width: 1310px) {
    #buddypress .members-list > li {
        width: 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media screen and (min-width: 1090px) and (max-width: 1310px) {
    #buddypress .members-list > li {
        width: 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

@media screen and (min-width: 900px) and (max-width: 1089px) {
    #buddypress .members-list > li {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

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