Skip to main content

Pin a box to the edge of the screen

To pin a box to the edge of the screen, specify the distance between the nearest side of the box and the edge of the screen.

Steps

  1. Select the box you want to pin in place.

  2. Open the [Box] tab in the right panel. If the panel is closed, open the right panel.

  3. Click the [Position] input field under [Position], then select [Fixed] from the dropdown menu.

  4. Drag the box to move it near the bottom or right edge of the screen.

  5. If needed, enter a value in the [Distance] field to fine-tune the distance in pixels from the nearest edge of the screen.

Note: Positioning on full-screen devices

On smartphones and tablets with edge-to-edge displays, placing an element at the very bottom of the screen may cause it to overlap with the Home Indicator.

We recommend leaving a buffer of a few dozen pixels from the bottom of the screen and checking your design using the device preview.

For more on how to use the fixed position feature, check out this article:


floating float float

Did this answer your question?