Identify hidden elements more easily in navigator
Launched on
June 5, 2019
Setting elements to display: none can be a useful way to tweak designs on specific breakpoints, reveal elements with interactions, and much more. But it can make finding those elements extra tricky when you need to make a change to their styles.
To make that problem ... less of a problem, we’ve added a little icon next to hidden elements in the navigator that calls out their “display: none” style.

This should make it easier and faster to locate those hidden elements, so you can get on with your designing and have more time for whatever it is you like to do with your free time. Enjoy!
Now elements set to “display: none” have a handy icon next to them in the navigator so you can locate hidden elements more easily.
Resources
Experience it
Get started for free
Learn all about it
Get started for free
Discuss it
Get started for free
Other
Web Design
Features
Search CSS classes in the Style Manager
Get started for free
Speed & performance improvements to the Designer
Get started for free
Check text accessibility with built-in color contrast ratio tool
Get started for free