# Manipulating elements

Source: https://seventhqueen.com/docs/stax-header-builder/manipulating-elements/

### Adding elements

You can add elements by dragging and dropping them into the current active zone. Please note that not everything can be dropped everywhere.

	- Zones accept only Headers and Sections layout elements.

	- Headers and Sections accept only Columns layout elements.

	- Columns accept only content elements.

Everytime you start dragging an element, you will see a highlighted area where it can be dropped and also a pink marker where it will be positioned.

[GIF WITH DRAG AND DROP]

You can drag and drop elements ONLY in and to the current editing zone. You can reorder elements by moving them around in the zone or by using the Layers panel.

**Notice:**
_The added elements will be present for all the screen resolutions (desktop, tablet, mobile) but if you change any element’s position after you dropped it, it will only apply for the current screen resolution. You might take a look at the other resolutions too and check the elements positions._

### Right click context menu

Right clicking on any element from the current editing zone brings up a context menu which brings up lots of options.

	- Edit

	- Copy (CTRL/CMD + C)

	- Paste (CTRL/CMD + V)

	- Layers

	- Delete (DEL)

Most of these options have also a keyboard shortcut to increase productivity. Copying and pasting elements obey the same rules described in the previous section. For example, if you copy a content element you can only paste it into a column and so on.

### Editing

You can edit elements by clicking on them or by using the context menu. The right side panel will be populated with the element's properties.