New navigator location

The navigator makes it easy to see the structure of your page elements as you’re building, but until now, it hasn’t been possible to look at the navigator at the same time you’re actually styling elements.

Flip that beta toggle to try out the new navigator.

To solve that issue, and also to create a better experience for people using the Designer on large monitors, we’re making some changes to the positioning and behavior of the navigator — starting today in beta, and then permanently for everyone in a month (pending feedback and any fixes that are needed).

Pin the navigator to keep it open at all times, and resize it as you wish.

To play around with the new navigator, flip the beta toggle and watch it switch from the right side of the Designer to the left. Whoa! What a rush.

You’ll also notice a new option to pin the navigator and keep it open at all times — a feature that’s especially useful if you’re using the Designer on a wide screen and want to keep more information visible as you’re building.

Pinning the nav and keeping it open is especially useful on big second screens.

The keyboard shortcut for this left side navigator is also different: now changing from F in its current state, to now Z for the left side version.

If you have questions or feedback on this new navigator, please post in our navigator forum category.

We’re moving the navigator to the left side of the Designer, and adding the ability to pin and resize it. Try it out in beta today before we roll the change out for everyone.

Resources