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 this week

The Fullscreen component in Vev allows you to expand your design so that it takes up the entire width of the viewport. This is especially useful when you want to:

  • Create immersive, visually impactful designs.

  • Remove side margins or distractions.

  • Ensure your content fills the full browser screen.

Adding the Fullscreen element

To add a Fullscreen element in Vev:

  1. Open the Add Menu from the left panel.

    • Shortcut: Press M on your keyboard.

  2. Search for Fullscreen in the element search bar.

  3. Click and drag the Fullscreen element onto your canvas.

Once added, the Expand icon will appear in preview mode at the location you placed the element.

Styling a Fullscreen Component

You can customize the appearance of the Fullscreen component using the following options:

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?