---
title: "Peek behind elements and overlays"
slug: "/help/demos/edit/content/peek-behind-overlays"
last_updated: "2025-09-03T18:10:23Z"
zendesk_id: 42282563963923
zendesk_url: "https://help.walnut.io/hc/en-us/articles/42282563963923-Peek-Behind-Elements-Overlays"
locale: "en-us"
category: "Getting Started"
section: "Editing & Customization Basics"
product: "demos"
topic: "edit/content"
displayed_sidebar: "demosSidebar"
sidebar_position: 18
tags: ["Editor","editing","edit elements","hide elements","page mask","page overlay","hide"]
---

## **About This Feature**

**Peek Behind** is a new one-click feature that lets you temporarily hide page masks or other layered elements so you can easily access and edit content underneath.

### **Snapshot 📸**

-   **Feature Status:** Core Feature
-   **Role Access:** Admin, Editor
-   **Location:** Walnut Editor

---

## **Quick Start Guide**

1.  **Click a layered element** such as a pop-up, page mask, or overlay in the body of the Walnut Editor.
2.  **Right-click** the element or click the **three-dot icon** in the element editor toolbar to open the **More Actions** menu.
    
    ![The More Actions menu highlighted in the Walnut Editor's element toolbar](pathname:///images/1c0ea5ca369251f6.png)
    
3.  Select **Peek Behind** to temporarily hide the selected element(s) and reveal what's underneath.
    
    ![Peek Behind option shown in the More Actions menu](pathname:///images/8e307b45fb90569f.png)
    
4.  If there are multiple overlapping elements, **repeat steps 1–3** to hide them one at a time until the element you need is exposed.

---

#### **How to Exit Peek Mode**

To exit **Peek** **Mode** and restore hidden elements:

-   Click the **Exit Peek Mode** eye icon in the editing toolbar.
-   Select **Exit Peek Mode** from the **More Actions** menu.
-   **Refresh your browser** to reset all temporarily hidden elements.

![](pathname:///images/63309ed741acd47f.png)

---

**Pro Tip 👑**

Use the **Select** **Parent** **Element** tool to select a group of elements or refine your selection in the Editor.

### **![Select Parent Element tool shown active in the Walnut Editor](pathname:///images/97e23d92c5a28c7e.png)**

---

## **FAQs**

---

**What’s the Difference Between Peek Behind and Hide Element?**

-   Use **Peek** **Behind** to make editing easier. Use **Hide** **Element** to customize what your audience sees.

![](pathname:///images/f9df28de8b1dddcb.png)

**👁️ Peek Behind:**

-   Temporarily hides an element **only in the editor.**
-   Lets you access and edit content beneath overlays or pop-ups.
-   **Local only** – changes are visible only to you.
-   Does **not** affect the published demo.
-   Other collaborators and demo viewers **will still see the element.**

**🚫 Hide Element:**

-   Permanently hides an element (or group of elements) in the published demo.
-   Viewers **will not** see the hidden content.
-   Hidden elements are **visible to collaborators** in the Editor, but will appear translucent with a black dashed border.

![Hidden element in the Walnut Editor displayed with a translucent appearance and black dashed border](pathname:///images/df64c66097b1dcd4.png)

---