Skip to content
Bricks Academy
Community Forum
Get Bricks

Logo

The Logo element displays your site logo with support for regular and inverse logos (useful for sticky headers), custom dimensions, and fallback text.

Settings

Section titled “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.