BuddyPress.org

@SuluhuZetu I’m working on a mobile stylesheet that you would add to whatever theme you were using. I do have a mobile theme that deploys automatically (it’s a plugin), BUT it doesn’t work very well for my needs. Calling a separate stylesheet is the way to go, because you have full control and a minimum of problems.

A good place to start is to identify which sections you would not need when viewing in a browser, then set those as display:none; If you’ve created a printer-friendly stylesheet before, this is very similar. You have to add extra rules for the elements you do want and don’t forget to preview it with a mobile phone tester.

http://www.codinghorror.com/blog/2007/01/stylesheets-for-print-and-handheld.html
http://www.alistapart.com/articles/return-of-the-mobile-stylesheet