How can I remove an element from a Webflow page, such as a navbar, container, link block, or label? I don't see a delete button or trash bin option and need to know how to proceed.
TL;DR
- Select the element in the canvas or Navigator, then press Delete or right-click and choose Delete.
- Ensure it's not a Symbol or Component unless intended, and check for locked or hidden statuses before editing.
To remove an element from a Webflow page, such as a navbar, container, link block, or label, you’ll need to use the designer interface tools directly. Here's how to do it:
1. Select the Element You Want to Delete
- In the Webflow Designer, click on the element directly within the canvas.
- Alternatively, use the Navigator Panel on the left to select the element more precisely.
2. Use the Delete Option
- Once the element is selected, press the Delete key on your keyboard.
- Alternatively, right-click on the selected element and choose Delete from the context menu.
- If using the Navigator Panel, you can also right-click on an element and choose Delete from there.
3. Ensure You're Not Deleting a Symbol or Reused Component
- If the element is a Symbol or Component, deleting it on one page may affect other pages.
- To avoid global deletion, convert it to a regular element first by selecting Unlink from Symbol.
4. Check for Locked or Hidden Elements
- If you can't select or delete an element, it may be locked or hidden using display settings.
- In the Navigator Panel, right-click and choose Unlock, or re-enable display via the Style Panel.
5. Confirm the Deletion
- After deleting, Webflow does not prompt for confirmation. To undo an accidental delete, press Cmd+Z (Mac) or Ctrl+Z (Windows) to undo.
Summary
To delete a Webflow element like a navbar, container, or label, simply select it via the canvas or Navigator, then press the Delete key or right-click > Delete. Make sure you're not removing a Symbol or Component unintentionally.
