To open the context menu of any element in the free section, click its “…” icon or right-click on it.
This option is handy if you don't want to move or delete any element by accident. Locked elements aren't selected when you select a group of elements.
Disable pointer events
This option makes an element unclickable and unselectable for the site's visitors. For example, it's useful when you want to create a button by adding some text to a figure. It makes the entire button clickable, otherwise nothing would happen when user clicked on the text.
Clip to fit container
An element is cropped according to the size of its container in order not to go beyond the grid (on each side) and section borders (at the top and bottom).
It means binding elements to the top, bottom and center of the page. Positioning allows you to fix and control the place of elements for different screen sizes. This helps full-screen mode sections to look awesome on all devices.
Overlapping and order of layers
You can overlap elements one over the other and manage the order of layers. To move an element closer to the user, click Bring forwards and Bring to front (see the screenshot on the left). To move an element away from the user, click Send backwards and Send to back (see the screenshot on the right).
This setting is applied to buttons and text elements.When Auto width is on, the indents are kept and the text is not wrapped.