Flatiron floating nav to the right with CSS breaks Mobile view nav?

Site URL: https://jacksonruckar.com

So I'm using 

#navigator header#topBar ul#nav {
    display: block;
    float: right;
}

to make the nav bar on flatiron pop over to the right, but when I do this it breaks the mobile view. I was going to fix this by just disabling the mobile view that squarespace does in template settings, but that's actually killing my load times and user experience on mobile. anyone know a fix t make mobile not behave this way?

I re-disabled it because the nav being messed up looks so bad, but I can redo it if someone needs it to find a fix. 

The nav in the red circle shouldn't even show up on mobile, but only does when I use the code mentioned above to move the nav on desktop.

Can you enable mobile? We can check easier

1 hour ago, tuanphan said:

Can you enable mobile? We can check easier

It's enabled.