How to move windows dropdown notifications with CSS

Hi,
I have a wordpress with buddypress. In computers (descktop) "windows dropdown notifications" are showed from the "notification icon" to the left area. It is ok. I add picture:
http://subefotos.com/ver/?fbf3e86d52da026f3e2fa5feab784579o.jpg
In mobiles devices, "windows dropdown notifications" are showed from the "notification icon" to the right area. It is no correct because "windows dropdown notifications" go out to the screen... I add picture:
http://subefotos.com/ver/?18899364ec7b827ea87f7c05a5453a88o.jpg
With ULTIMATE BRANDING PLUGIN I can add CSS.
So my question is: using CSS into ULTIMATE BRANDING PLUGIN, can I show (in mobiles devices) "windows dropdown notifications" from the "notification icon" to the left area (just like it is showed in the monitor of computers - Descktop)?
I know I can use the following code for to aply CSS changes only in mobiles:
@media screen and (max-width:620px)
but I don't know the part of code in order to move the "windows dropdown notifications" to the left area.
Can you provide me the entire/complete code?
=====
I also add the following:
in mobiles devices admin bar is not showed...
In order to show admin bar I use the following code into CSS:
@media screen and (max-width:782px) {
#wpadminbar {
display:block;
}
html {
position:absolute;
top:-46px;
}
}
But it is not enough... in mobiles devices the "icon notification" is not showed, so in order to show it I use the following code into CSS:
#wp-toolbar > ul > li {
display: block;
}
I hope your answer about how move "dropdown windows notification".
Thanks for your support.