When using a “floated” navigation (left or right), you can run into an issue on smaller screens where your navigation drops down below your site title/logo.
We can fix this with our Navigation Drop Point feature, found in Customize > Layout > Primary Navigation.
First, find the width at which your navigation drops down like this. One way to do is to use Chrome and open Developer Tools (right-click + Inspect). Now resize your browser, and you’ll see the width in the top right-hand corner.
Now set the width at which point you want things to drop down and center.
Now resize your browser and you’ll see it working.