How can I hide elements in the Webflow Editor?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

To hide elements in the Webflow Editor, you have several options. Whether you want to hide an element temporarily or permanently, Webflow provides easy-to-use functionality to achieve this.

Follow these steps to hide elements in the Webflow Editor:

Select the element: Navigate to the element that you want to hide on your website. Click on the element to select it.
Access the settings: Once you've selected the element, a settings panel will appear on the right-hand side of the editor. Locate and click on the "Display Settings" tab within the settings panel.
Choose the visibility option: In the "Display Settings" tab, you will find various options to control the visibility of the selected element.

To hide the element completely, select the "None" option from the "Display" dropdown menu. This will remove the element from the website layout, and it won't be visible to your website visitors.
To hide the element but retain its space in the layout, select the "None (preserve space)" option. This will make the element invisible, but it will still occupy its original position.
To hide the element on specific devices only, such as mobile or tablet, you can use the "Hide on.. " option. By selecting this, you will be able to choose the breakpoints at which the element should remain hidden.

Save and publish: After making the desired changes, remember to save your modifications by clicking the "Save" button. Preview your website in the Webflow Editor to confirm that the element is indeed hidden as desired. Once you are satisfied with the changes, publish your website for the updated design to go live.

Hiding elements in the Webflow Editor can be useful for various reasons, such as removing temporary content, optimizing the user experience, or adjusting the layout for different devices. By utilizing these options, you can easily control the visibility of elements to create a visually pleasing and user-friendly website.

Additional Questions:

How do I show a hidden element in the Webflow Editor?
Can I hide multiple elements at once in the Webflow Editor?
Does hiding elements affect the load time of my web page in Webflow?

Why is the scroll bar on my Webflow editor greyed out and not working when I try to scroll down to see the rest of the page? I have tried using Chrome, Firefox, and incognito mode.

Is it still possible to choose which viewport to show or hide sections in the newer version of Webflow, as shown in the 5-year-old video at the 7-minute mark?

Is it possible to design separate pages of the same site in two separate tabs, or in tabs of different browsers in Webflow, so that the Navigator can be viewed for both pages simultaneously?

Is there a way to permanently remove the button from an embedded Vimeo video in Webflow?

How can I set up an auto-response for the person who made a submission in Webflow?

What can I do if I experience a loading issue in the Webflow designer that prevents me from accessing it after a previous crash?

In Webflow, can I change the link of a custom button created with the Link Block element in the editor?

What steps can I take in Webflow to fix the issue of nothing changing despite unchecking everything in the navigation?

What is causing the entire block of text to change when trying to edit a specific part in Webflow's rich texts?

Can users save changes to a CMS entry in Webflow without getting kicked out of the editor if they open their site in a new window?