Fullwidth Page Navigator

I’m wondering if there’s anyway I could set the fullwidth page navigator (the dotted one) to horizontal position and place on the left side.

The problem I have is that I can place to on the left with
#fp-nav.right {
left: 4%;
}
but then I can’t rotate it with
#fp-nav.right {
transform: rotateY(-90deg);
}