AllDesignWidgetsLogo 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.
Updated May 7, 2026

Was this helpful?