Arrange, align, size and position elements.
In TeleportHQ, every page is built from containers that arrange their contents as a row (side by side), a column (stacked) or a grid (in cells), and you can switch any container between these layouts in the Inner Layout section of the right panel.
In TeleportHQ, select a row or column container and use the Inner Layout section of the right panel to set its Direction, Justify, Align, Gap and Wrap, which control how the items inside line up and how much space sits between them.
In TeleportHQ, add a Grid element (or switch any container to grid in Inner Layout), set its Rows and Columns in the right panel, and place items in cells with the Row and Column settings.
In the TeleportHQ editor, you position an element from the Position section of the right panel by choosing Auto, Relative, Freestyle, Fixed or Sticky, then setting its offsets and Z-index; Freestyle elements can also be dragged on the canvas, where they snap to their neighbours.
In TeleportHQ, select your header or navigation bar, set Position to Sticky (or Fixed), set its top offset to 0 and give it a high Z-index, then check the result in Preview, because the editor canvas doesn't show sticky or fixed elements staying on screen.
In TeleportHQ, select an element and type a Width and Height in the Size section of the right panel (in px, %, vw and other units), or drag the handles around the element on the canvas, where the edge snaps to the parent's and neighbours' edges.
In TeleportHQ, add space outside an element with the Margin section and space inside it with the Padding section of the right panel, or drag the margin and padding handles on the canvas.
In TeleportHQ, select an element and click the eye toggle in the Visibility section of the right panel (or right-click it and choose Hide); the element stays in your project but is hidden on the canvas and on your live site at that screen size and smaller.
