UserList Mobile View after CSS

If you only use those sizes then the below CSS should maintain their column display on mobile.


Replace # with the actual ID of your userlist. This is to avoid the CSS from affecting your entire CB install and only affect your userlist.

It's perfect Kyle and thanks. Exactly what was needed. Doesn't do the job on mobile upright though as it's all scrunched together - I should have preempted that.

Being drawn back to putting avatar column first (on the far left) as this solves issues, yet doesn't look the best, then leave them stack, centre aligning them in @media. Should do the trick.

Can work off your feedback now and thanks a million.

Doesn't do the job on mobile upright though as it's all scrunched together - I should have preempted that.

Correct, it just maintains the column widths. You'd need to add extra styling to reduce the image size or whatever else you may want to make it smaller to fit the display. It's possible to improve this more, but it runs the risk of shrinking everything to the point it's unreadable, which is why it normally just stacks them.