How to reposition buddypress elements

Hi there! I hope you are well, I am trying to reposition the elements on my buddypress members page, this is how it looks now:

I want to move the all members count down, so that it looks like this:

I want the "all members" and "order by" to be in the same line, but when I try to add this css:

#members-all {
position: relative;
top: 60px;
}

look what happens:

The element just disappears off the page.
I have tried playing around with the z-index,but maybe I am making a mistake..
How can I reposition elements to make them like in the first image?
When do I use absolute position instead of relative position?
Thanks in advance,
Good day,
Mwale