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