Navigation Drop Point

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.