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 10 months 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?