The Site Logo widget places your site’s logo anywhere on the page and, by default, links it back to the homepage — the same behavior visitors expect from the logo in the corner of almost every website. Its real purpose is to make it possible to build a site header entirely out of Tiger Elements widgets inside the Theme Builder, rather than relying on a theme’s built-in header markup. Because it pulls from the same logo WordPress already stores from the Customizer, you don’t have to re-upload or re-manage a separate logo image just to use it inside an Elementor-built header — it just works with whatever is already set as your site identity.
Where the image comes from
The Logo source control offers two options. Site logo (Customizer), the default, reads the custom_logo theme mod — the same logo set under Appearance → Customize → Site Identity (or the equivalent Site Editor screen) — and renders it at full size using wp_get_attachment_image(), so it benefits from WordPress’s normal responsive srcset output. Custom image switches to a dedicated Elementor media control (with dynamic tags enabled, so it can be bound to ACF fields or other dynamic content sources) that only appears once you select this source, letting you use a different image than the site-wide logo — useful for a seasonal variant, a white-label build, or a client site where the header logo intentionally differs from the favicon/identity logo.
If neither path resolves to an actual image — no custom logo set in the Customizer, and no custom image chosen — the widget doesn’t render an empty box. It falls back to printing the site name as styled text (22px, bold), so a header built with this widget is never visually broken or blank even before a logo has been uploaded. This graceful fallback is particularly handy while a site is still under construction.
Setting it up
Link to home is a switcher, on by default, that wraps the logo in a link to the site’s home URL with rel="home" and an accessible aria-label set to the site name — standard, expected logo behavior that you can turn off if you’re placing the logo somewhere it shouldn’t be clickable, such as a printable invoice template or an email-style layout. The responsive Alignment control (Left / Center / Right, using Elementor’s icon-choice control) sets the text-align of the wrapping container, which matters most when the widget’s column is wider than the logo image itself. Width is a responsive slider accepting px or % (5–500px, or 5–100%), letting you size the logo differently per breakpoint — for example, a full-size logo on desktop that shrinks on mobile to leave room for a hamburger menu next to it. Corner radius is a responsive slider (0–100px or %) applied to the image itself, which is useful for logos that are actually circular badges or icon-style marks rather than traditional wordmarks.
When to use it
Use this widget any time you’re assembling a header, footer, or any other Theme Builder template using Tiger Elements widgets and need the actual site logo to appear rather than a static uploaded image — the advantage over just dropping in an Image widget is that the Site Logo widget always tracks whatever is currently set in the Customizer, so a client or site owner can change their logo once in Site Identity and have it update everywhere the widget is used, with no need to hunt down every Elementor template that references the old file. It’s also useful in popups (a login modal, a promotional popup) where you want the brand mark present without touching a separate image.
Practical tips
- If you need one logo variant in the header and a different one in the footer (a common pattern: full-color logo up top, a simplified or reversed-color mark in a dark footer), use Custom image for at least one of the two placements rather than fighting the single Customizer logo everywhere.
- Because Link to home defaults to on, double check it’s turned off for any non-navigational placement — a logo inside a printable invoice or a modal that should stay open until explicitly closed is the classic place this gets missed.
- Set Width responsively rather than relying on the image’s native dimensions; a logo uploaded at high resolution for retina screens will otherwise render oversized until you constrain it per breakpoint.
- Remember the text fallback exists — if a logo you expect to see isn’t showing, the first thing to check is whether a custom logo is actually set in Site Identity (for the “Site logo” source) or whether the media control genuinely has an image chosen (for “Custom image”), since an empty state silently degrades to site-name text rather than throwing a visible error.