Elements with absolute positioning
All elements you add to a free section have absolute positioning, i.e. you can move them around the free section as you see fit.
Moving elements
You can move all elements by dragging them to any point on the page, even to standard sections. Their settings don't change after moving. You can also rotate and resize them.
Element size
You can change the size of any element added to the free section. To do this, select an element and drag its slider.
Rotating elements
To rotate an element, select it and mouse over any of its corners until you see a rounded arrow. Drag and rotate as you need.
Settings of the elements with absolute positioning don't differ from the settings of the same elements in any standard section.
To open the settings menu of any element in the free section, double-click on it or click the gear icon.
Additional settings
Additional settings for elements with absolute positioning are found in the context menu. To open the context menu of any element in the free section, click its “…” icon or right-click on it.
Lock
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).
Positioning
It means binding elements to the top, bottom and center of the page. Positioning allows you to fix and control the place of elements across different viewports. 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).
Auto width
This setting is applied to buttons and text elements. When Auto width is on, the indents are kept and the text is not wrapped.