Navigate using arrow keys

Navigate between child and parent elements using the arrow keys.

This video features an old UI. Updated version coming soon!
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.


Clone this project
Try Webflow — it's free

Production for this lesson

Directed by

Grímur Grimsson

Video Producer

Produced by

-

Written by

Grímur Grimsson

Video Producer

Article by

Shannon Fisher

Sr. Technical Writer

Edited by

-

Designs by

-

Need more help? Want to report a bug? Contact support
Have feedback on the feature? Submit feature feedback