Identify hidden elements more easily in navigator

<p>Setting elements to <a href="<https://university.webflow.com/article/display-settings>">display: none</a> 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.</p><p>To make that problem ... less of a problem, we’ve added a little icon next to hidden elements in <a href="<https://university.webflow.com/article/navigator>">the navigator</a> that calls out their “display: none” style. </p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1600px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1600px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21c7a8kIdr1nh9XKOS0w5dtAKP-c9vIWhyPUWJSU5j-OcrEWumhBpBUYYOV12v-K9YCKGCJmQeVnV16ZA64Iq3SDHRuG6u0fdoFfafQKjNa4-RSGywGj2wIBRmAeHXSxJ1Oy2YuQqsFe-.jpeg>" alt="Elements set to “display: none” have a little hidden eye icon next to them in the navigator."></div><figcaption>Elements set to “display: none” have a little hidden eye icon next to them in the navigator.</figcaption></figure><p>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!<br></p>