Navigate using arrow keys

Navigate between child and parent elements using the arrow keys.

This video features an old UI. Updated version coming soon!

In web design, some elements have child elements with their own child elements. For example, a Section could contain a Div block that could contain a Heading, Paragraph, and Button. You can view this element hierarchy in the Navigator

In the Webflow Designer, you can visually select elements on the Canvas and style them however you want in the Style panel. But you can also style multiple elements on a page without your cursor leaving the Style panel.

Use keyboard arrows to navigate between elements and their child elements on the Canvas:

  • The up arrow selects an element’s parent
  • The down arrow selects an element’s child
  • The left and right arrows select between sibling elements on the same level 

Check out our full list of keyboard shortcuts in the Designer.