Skip to main content
Fullscreen

Allows you to make your page the full width of the viewport.

Diego Muralles avatar
Written by Diego Muralles
Updated over a week ago

The Fullscreen component is a useful tool that allows you to make your page the full width of the viewport. This can be especially helpful when creating a visually impactful page that extends beyond the normal boundaries of a webpage or when you want your content to fill the entire screen without any distractions.

Adding a fullscreen element

  • From the left panel menu, click on the Add Menu (Shortcut: M)

  • Search for and select Fullscreen

  • Click and drag the element onto your canvas

The Expand icon will appear in the preview mode where you placed it.

Styling a Fullscreen Component

Icons:

  • Set custom shape: Replace the default icons with a shape or a custom SVG

  • Set custom image: Replace the default icon logo with an image

Did this answer your question?