Make the Options Navigation in BP-Social theme a dropdown

In the BP-Social theme, when you log in you get a nav (ul#options-nav) to the right of the logo. It reads like this:

Hi, [username] and below that you get this

Profile | Activity | Messages | Logout | etc…

Is there a way I can convert this to a drop down menu? I’ve tried writing my own CSS but is taking me a while and can do without the extra CSS. If there is existing CSS hooks or options I can exploit that would be great. Ultimately, I would like this to be a drop down and the method is not important.