---
title: "Logo"
description: "The Logo element displays your site logo with support for regular and inverse logos (useful for sticky headers), custom dimensions, and fallback text."
canonical: "https://academy.bricksbuilder.io/builder/elements/media/logo/"
markdownUrl: "https://academy.bricksbuilder.io/builder/elements/media/logo.md"
pageType: "article"
section: "builder"
category: "elements"
lastmod: "2026-05-21T13:58:32.000Z"
---
The Logo element displays your site logo with support for regular and inverse logos (useful for sticky headers), custom dimensions, and fallback text.

## Settings

- **Logo** (image) - Select the main logo image from the media library. Minimum dimension should be twice the logo height/width for proper retina display. For SVG logos, set height and width in px values.

- **Logo inverse** (image) - Alternative logo image for different header states (e.g., sticky scrolling header). Only available when main logo is set.

- **Height** (number with units) - Logo height. Maximum: 400. Default: `auto`. Only available when logo is set.

- **Width** (number with units) - Logo width. Maximum: 999. Default: `auto`. Only available when logo is set.

- **Text** (text) - Fallback text displayed if logo image isn't set or available. Default: Site name from WordPress settings.

- **Loading** (select) - Image loading behavior. Options: `eager`, `lazy`. Default: `eager`.

- **Link to** (link) - Configure where the logo links. Default: Site home page.

:::tip[Developer reference]
See the [Logo Schema](/developer/schema/elements/logo/) for the full JSON schema of this element's settings and controls.
:::