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,