---
title: Site Logo
description: "## Overview The **Site Logo widget in SiteCraft** allows you to display your website logo dynamically within Elementor layouts. It pulls the logo from your WordPress Site Identity settings, ensuring consistency across your website. --- ## Key Features - Dynamic…"
url: "https://sitecraft.themeshala.com/docs/site-logo/"
updated: "2026-04-19"
category: "Header & Footer Widgets"
---

# Site Logo

## Overview

The **Site Logo widget in SiteCraft** allows you to display your website logo dynamically within Elementor layouts. It pulls the logo from your WordPress Site Identity settings, ensuring consistency across your website.

---

## Key Features

- Dynamic logo from WordPress Site Identity
- Option to use custom logo image
- Adjustable logo size and alignment
- Link to homepage or custom URL
- Retina-ready image support
- Responsive design

---

## Requirements

Make sure a logo is set in **Appearance → Customize → Site Identity**.

---

## How to Enable the Widget

Before using the Site Logo widget, make sure it is enabled.

**Steps:**

1. Go to **SiteCraft → Dashboard → Widgets**
2. Find **Site Logo Widget**
3. Toggle to enable it
4. Click **Save Changes**

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/logo-switcher.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/logo-switcher.png)

---

## How to Add the Widget in Elementor

1. Open your page with **Elementor Editor**
2. Search for **“Site Logo”** under SiteCraft widgets
3. Drag and drop it into your section
4. Customize settings as needed

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/logo-el-scaled.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/logo-el-scaled.png)

---

## Content Settings

Control logo source and behavior.

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/logo-el-content-scaled.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/logo-el-content-scaled.png)

**Options:**

- **Logo Source** –
  - Default (from Site Identity)
  - Custom image
- **Image** – Upload logo (if using custom)
- **Link** –
  - Homepage (default)
  - Custom URL
- **Alignment** – Left, Center, Right

---

## Style Settings

Customize the appearance of the logo.

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/logo-el-style-scaled.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/logo-el-style-scaled.png)

**Available Controls:**

- **Width/Max Width** – Adjust logo size
- **Height** *(if applicable)*
- **Border Radius** – Rounded edges
- **Spacing** – Margin or padding adjustments
- **Opacity/Hover Effects** *(if available)*

---

## Advanced Settings

Fine-tune layout and responsiveness.

[![](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/logo-el-advanced-scaled.png)](https://sitecraft.themeshala.com/wp-content/uploads/2026/04/logo-el-advanced-scaled.png)

**Includes:**

- Margin & padding
- Responsive visibility
- Motion effects
- Positioning
- Background & border

---

## Use Cases

Perfect for:

- Website headers
- Footers
- Branding sections
- Navigation areas

---

## Result

You can now display a consistent and responsive logo using the **SiteCraft Site Logo Widget**, ensuring proper branding across your website.