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.
Issue with floated navigation on smaller screens
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.