Managing layers in the SuperSite editor

The SuperSite editor offers an advanced Layers feature that gives you full control over all components on your page. With this feature, you can:

  • Identify the component name: Useful for creating links to other elements on the same page using the "scroll to" function.
  • Properly organize components: Change the order of components and determine which will be in the front or back.
  • Rename components: For better orientation and organization.
  • Hide components: The option to hide certain elements in the desktop or mobile version of the website.
  • Find components: Easily locate specific elements on the page.

If a component is not performing its assigned action, such as a button link or menu not working, check whether another component, possibly with transparency settings, is positioned above it and blocking interaction.



How to edit header components


  1. Click Design in the toolbar.
  2. Select the Layers option.
  3. Choose Header.
  4. Click the pencil icon next to the component you want to rename, enter a new name, and confirm by clicking the checkmark.
  5. Click the desktop icon to hide the component in the desktop version.
  6. Click the mobile icon to hide the component in the mobile version.
  7. Click the lock icon to lock the component and prevent it from being edited.
  8. Use the drag & drop function to reorder or layer the components.

Layer management in the SuperSite editorLayer management



How to edit page components


  1. Click Design in the toolbar.
  2. Select the Layers option.
  3. Choose Page.
  4. Click the pencil icon next to the component you want to rename, enter a new name, and confirm by clicking the checkmark.
  5. Click the desktop icon to hide the component in the desktop version.
  6. Click the mobile icon to hide the component in the mobile version.
  7. Click the lock icon to lock the component and prevent it from being edited.
  8. Use the drag & drop function to reorder or layer the components.



How to edit footer components


  1. Click Design in the toolbar.
  2. Select the Layers option.
  3. Choose Footer.
  4. Click the pencil icon next to the component you want to rename, enter a new name, and confirm by clicking the checkmark.
  5. Click the desktop icon to hide the component in the desktop version.
  6. Click the mobile icon to hide the component in the mobile version.
  7. Click the lock icon to lock the component and prevent it from being edited.
  8. Use the drag & drop function to reorder or layer the components.