Streaming live at 10am (PST)

How to avoid dirty code in webflow


I found this type of code, in my html exported from webflow: ```

I know that is a reference to my effects and animations, however, it is a unreadable code, and how show the name of animation instead this dirty code?


Here is my site Read-Only: **[LINK][1]**
([how to share your site Read-Only link][2])

  [1]: http://

That’s what Webflow use to identify your site, if you don’t need that part just remove it.


Thanks, for your answer.

But I have that in all elements where I have animations (and my actual project, I have dozens of animations). Should I delete from all elements (one by one) OR the is a way to “turn off” that? For example:

div class="button-retractile">
  <div data-w-id="cde96927-ceea-81a5-0c5b-8e4562ecf6ce" class="topbar-button"><img src="images/button-trigger-img.png" alt="" class="image"></div>
<div class="area-profile"></div>
<div class="area-message">
  <div data-w-id="8b457b92-8fa3-6a4e-7c3f-60622e33797e" class="profile-button"><img src="images/button-trigger-img.png" alt="" class="image"></div>
<div class="area-notification"></div>
<div class="area-dropdown">
  <div class="dropdown-button w-embed">
    <!--  Dropdown Trigger  -->
    <a class="dropdown-trigger btn" href="#" data-target="dropdown1">Drop Me!</a>
    <!--  Dropdown Structure  -->
    <ul id="dropdown1" class="dropdown-content">
      <li><a href="#!">one</a></li>
      <li><a href="#!">two</a></li>
      <li class="divider" tabindex="-1"></li>
      <li><a href="#!">three</a></li>
      <li><a href="#!"><i class="material-icons">view_module</i>four</a></li>
      <li><a href="#!"><i class="material-icons">cloud</i>five</a></li>

Can you share your read only link please?


Sure, thanks for your collaboration and interesting in my case.

This is a example wheren I am trying to solve the problem:


Here the webflow link project: