Display members list

[mark]

On tablets & mobile especially- is there a way to show more than one member in a row. Perhaps have a grid with 3 per row?

[Alyssa]

@marcoart You could edit this element in custom.css:
#buddypress #members-list li{width:50%;}
or 33% for that matter
The only issue with this is that there are also buttons to add the user as a friend that will be misformatted. I cannot support this option but this should get you started. You could remove the buttons from mobile altogether on that page.
NOTE:Make sure you place the code in the mobile section of custom.css

[mark]

Ok thanks for your reply – I was trying to get the look and feel of an app using the photo squares as the navigation and leave interaction till they viewed the selected profile.

[Alyssa]

@marcoart no problem to remove the action buttons add this to the mobile section of your custom.css:
.item-list li .action{display:none;}

[mark]

Perfect – thank you – you have given me the look and feel of an app now 🙂

[mark]

I spoke a little too soon. When i add:

.item-list li .action{display:none;}

to the mobile sections of the custom.css it doesn’t remove the action buttons from the mobile version:

…….

`/*————————————————————–
2.1 – MAXIMUM width of 720 pixels (phones landscape)
————————————————————–*/
@media screen and (max-width: 720px) {
#buddypress #members-list li{width:33%;}
.item-list li .action{display:none;}
/*
.just_an_example {
color: black;
}
*/

}/* don’t delete this closing bracket */

/*————————————————————–

[Alyssa]

@marcoart can you send me a link and login credentials?

[Alyssa]

@marcoart looks good to me, perhaps it is a local cache issue?