<!-- Source: https://service.themeware.design/en/wiki/knowledge-base/introduction/configuring-the-logo
     All pages of this collection: https://service.themeware.design/en/wiki/llms.txt -->

# Configuring the logo

{% hint style="info" %}
**Note**: This article is work in progress.
{% endhint %}

In this article we show you how to configure your shop logo.

## Example

You configure the shop logo through the ThemeWare® configuration in the Shopware 6 theme manager of your administration.

> **Example**: In our example we want to enlarge the logo a little.

1. Open the administration of your shop
2. Switch via the main navigation to the "**theme administration**" (1) (2) ("Content" => "Themes")
   * **Note**: In the Shopware Cloud you will find the "Themes" area directly in the main navigation.
3. Now click on your ThemeWare® theme to start editing
4. Switch to the tab "**Header**" (3)
5. Open the block "**Logo**" (4)
6. In the section "**Basic configuration**" select the option "**Image logo**" in the configuration field "**Logo type**" (5)
7. In the section "**Logo type 'Image logo'**" (6) you can configure, for example, the "Width", the "Height", the "Margin top @Desktop (≥992px)" or the "Hover effect" of the shop logo
8. We change the "**Width**" to `240`
9. Save the theme configuration
10. Switch to the storefront and reload the page

You have now configured your shop logo.

#### Screenshots

![Logo configuration in ThemeWare®](../../.gitbook/assets/tutorial--logo-configuration.png) ![Example](../../.gitbook/assets/tutorial--logo-width.png)

## Sticky top navigation

In the block "**Sticky top navigation (Basic headers: 'Header 1' and 'Header 2')**" you will find the configuration for the logo of the sticky top navigation in the section "**Logo**".

<mark style="color:red;">**TODO**</mark><mark style="color:red;">: Custom-Header</mark>

<figure><img src="../../.gitbook/assets/config--twt-sticky-top-navigation-logo.png" alt=""><figcaption></figcaption></figure>

## Shopping Experience header

The logo for the "Shopping Experience header" has no separate configuration. It merely replaces the actual logo on pages which use the Shopping Experience header.

<mark style="color:red;">**TODO**</mark><mark style="color:red;">: ...</mark>
