---
title: "Site Logo Widget Settings Overview"
url: https://theplusaddons.com/docs/site-logo-widget-settings-overview/
date: 2023-10-27
modified: 2026-04-10
lang: en
author: "Aditya Sharma"
description: "A vital aspect of a website's design is the site logo, a well-designed and strategically placed logo can not only catch the attention of visitors but also create a lasting..."
image: https://theplusaddons.com/wp-content/uploads/2023/10/Site-Logo-Widget_-Settings-Overview-1024x536.jpg
word_count: 460
---

# Site Logo Widget Settings Overview

## 

- Utilizes the Site Logo widget from The Plus Addons for Elementor to enhance website branding.
- Requires Elementor FREE Plugin and PRO version of The Plus Addons for Elementor for activation.
- Offers features like logo change on hover, sticky header logo customization, and custom URL linking.

A vital aspect of a website's design is the site logo, a well-designed and strategically placed logo can not only catch the attention of visitors but also create a lasting impression and establish a brand identity. 

With the Site Logo widget from The Plus Addons for Elementor, you can easily add your site logo to your Elementor website.

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/header-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Required Setup

- [Elementor FREE Plugin](https://wordpress.org/plugins/elementor/) installed & activated.

- You need to have [The Plus Addons for Elementor](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) plugin installed and activated.

- This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text).

- Make sure the Site Logo widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Site Logo and activate.

## How to Activate the Site Logo Widget?

Go to 

- **The Plus Addons **→** Widgets **

- **Search **the widget name** **and** turn on the toggle.**

![](https://theplusaddons.com/wp-content/uploads/2023/10/site-logo.png)

## Key Features

- **Change Logo on Hover ** - You can easily [change the logo on hover](https://theplusaddons.com/docs//change-site-logo-on-hover-in-elementor/).

- **Change Logo on Sticky Header ** - You can easily [change the logo on a sticky header](https://theplusaddons.com/docs//change-logo-in-sticky-header-on-scroll-in-elementor/).

- **Custom URL** - You can easily add a custom URL to your site logo.

## How to Use the Site Logo Widget in Elementor?

Generally, the site logo is placed in the site header and may be in the footer. So, you should add the Site Logo widget in the header or footer template. 

To create the template, you can use the free [Nexter Builder](https://nexterwp.com/docs/nexter-theme-builder-explained/) or you can use Elementor Pro if you are already using it.

### Site Logo

From the **Logo Normal/Double** dropdown, you have to select the logo type. Here, you’ll find two options -

![site logo content](https://theplusaddons.com/wp-content/uploads/2023/10/site-logo-content.gif)

**Normal** - For adding a single image as a logo.

**Double** -  With this option, [you can change the logo on hover](https://theplusaddons.com/docs//change-site-logo-on-hover-in-elementor/).

Select the option as per your requirements, options will vary based on your selection.

Let’s select **Normal** here.

Then, from the **Logo Type** dropdown, you can select any image type or SVG as logo. 

When Image is selected, you can set the image size from the **Image Size** dropdown.

You can set the maximum width of the logo image for different devices from the **Logo Max Width** section.

### Extra Options

From the **Logo Url Type** dropdown, you can set the URL of the logo. Here, you’ll find two options - 

![site logo extra options](https://theplusaddons.com/wp-content/uploads/2023/10/site-logo-extra-options.png)

**Home URL** - This will set the link to the default home page.

**Custom Link** - With this option, you can set a custom link to the logo.

You can align the logo from the **Alignment** section for different devices.

From the **Sticky Logo** toggle, [you can change the logo on a sticky header](https://theplusaddons.com/docs//change-logo-in-sticky-header-on-scroll-in-elementor/).

Advanced options remain common for all our widget, you can explore all it options from here.

[View Advanced tab tutorial.](https://docs.posimyth.com/tpae/advanced-tab/)