What is the general approach to hiding embed animation in Webflow?

Published on
September 22, 2023

To hide an embed animation in Webflow, you can follow these steps:

  1. Select the embed element: In the Webflow Designer, locate the embed element containing the animation that you want to hide.

  2. Go to the settings panel: With the embed element selected, navigate to the settings panel on the right-hand side of the Webflow Designer.

  3. Set the visibility to hidden: In the settings panel, find the "Visibility" option and change it to "Hidden." This will make the embed element and its content invisible on your website.

  4. Check the preview: To ensure that the animation is hidden as intended, you can preview your website. The embed animation should no longer be visible on the live site.

Note: This approach will only hide the embed animation from being visible on your website, but the code associated with the embed element will still run in the background. If you want to completely remove the animation and its code, you will need to delete the embed element entirely.

In conclusion, by adjusting the visibility settings for the embed element, you can effectively hide an embed animation in Webflow without removing the code entirely.

Additional questions:

  1. How can I hide an embed video in Webflow?
  2. Can I control the visibility of specific elements in Webflow?
  3. What other ways can I hide content on my Webflow site?