Layers

Layers represent the individual elements that make up a web page, stacked on top of one another. This allows you to easily access and manage all the elements used to create the page. 

By utilizing layers, you can customize every aspect of your page at any time, providing a streamlined and efficient way to work within the editor.

How to Use Layers

To access the Layers in Droip:

  1. Locate the Layers icon on the left sidebar.
  2. Open the Layers tab to view the organization of sections and their corresponding elements on the current page.
  3. In the Layers Panel, you can manage all the elements present on your canvas.
Layers Panel in Droip

Each element in the Layers Panel can be interacted with for more control over your page's design:

  • Three-Dots Menu: Click beside each element to expand or collapse sections, rename elements, or delete them.
  • Visibility Toggle: An eye icon is displayed next to each element. Click on it to hide or display the element on the page.

Layers Panel Features

  • Visibility Toggle: Control the visibility of elements by enabling or disabling them with a simple click.
  • Reordering Layers: Drag and drop elements to change their order in the stacking sequence.
  • Rename: Click the three-dot menu and select the Rename option to modify an element’s name.
  • Delete: To remove an element, click the three-dot menu and choose Delete.

This layered structure makes it easy to manage, customize, and organize the elements of your page efficiently within the editor.

Was this page helpful?

Our website uses cookies to improve your browsing experience on our website. By continuing to use this website, you agree to their use. For details, please check our Privacy Policy.

Get started for free!

Get Droip demo

By submitting, you agree to receive our newsletter and updates.

Try live preview

Experience Droip in Action – Explore a live-built page and see the power of our builder in action.

Explore Live