Displaying multiple classes in the navigator

In the Designer's navigator, instead of only displaying the first class of an element, it would be great if the combo classes could be displayed as well.

Vincent Bidaux (@vinchubang) has shared a detailed example on Twitter of how this could look visually, which is available here: https://sbx.webflow.io/better-navigator.

The goal with this change would be to give a better overview of a page's structure and elements in the navigator. Here are a few quotes from Vincent to help explain the issue:

Designers write classes from general to specific
In order to define the common properties of a series of sibling elements, designers start by setting a general class, then add combo classes to name and style more specifically.
The Navigator doesn't display combos. Only the first class.
Whether it is during development, maintenance, or during specific task such as building ambitious Interactions, [...] designers need to identify elements in the navigator more easily than they can today.
In one way or another, the Navigator could display more information; especially the combo classes of the upper elements, or all combo classes as soon as [the Navigator's] width allows it.
  • Émile Perron
  • Nov 20 2020
  • Reviewed
  • Wendy commented
    18 Jan 17:31

    This important addition would make the Webflow platform much more efficient.

  • Victoria Blacksher commented
    September 02, 2022 21:53

    Combo classes are a very powerful tool, but when you can't see their names in the navigator it leads to a ton of clicking & digging to find the right layer. It would be incredibly helpful to be able to at least see the last style name in the nav instead of the first (more generic) name as listed above.

    Pretty please. Add this feature/option and save your users so much wasted time.

  • Juraj Carnecky commented
    April 04, 2022 09:35

    Yes, please! :) Usefull.

  • Leon Vermij commented
    March 28, 2022 12:50

    Totally agree on this one. everything is section in the nav on my end. almost doubting to go to section-about type of naming but man that would destroy te purpose of global classes

  • Jayse Hansen commented
    September 02, 2021 05:29

    This is one of THE biggest problems with the navigator: we can't use it to navigate.

    It would be such a simple improvement, that would easily speed up every minute of everyday of our workflow. Even if there was a preference to add the first combo class at least.

    Looking at a long list of repeated 'section's and 'containers' with no other indicators of what each contains is pretty frustrating.

  • +6