All›Design›Widgets›Logo Widget

Logo Widget

Add a brand logo with optional mobile variations.

The Logo widget is optimized for brand marks and supports separate mobile logos.

Add a Logo widget

1

Open the widget picker

In the page editor, open Widgets.

2

Drag Logo

In Media, drag Logo (image icon) onto the page.

3

Open Logo Settings

Click the widget and choose Logo Settings.

Logo Settings

Tabs include:

  • Logo: upload the logo, set Alt Text, and add a Link Address.
  • Inverse Logo: add an alternate logo for inverse headers or dark hero sections.
  • Border: adjust border radius and shadows.
  • Mobile: set a Mobile Logo (Optional), optional inverse mobile logo, and Mobile Alignment.

Toolbar actions

  • Logo Settings
  • Alignment
  • Animation
  • Position
  • Copy
  • Delete

Tips

  • Use the Mobile tab to swap to a simplified mark for small screens.
  • Add an inverse logo when the regular logo loses contrast over dark sections or image-backed headers.
  • Logo and optional mobile-logo images now keep live media links and responsive variants more consistently after publish.

Assisted mobile alignment

A connected assistant can set the logo's mobile alignment independently of its desktop alignment. Specify left, center, or right, then preview the mobile layout before publishing.

Updated Sep 27, 2026

Was this helpful?