# Logos

## Header

Hinterlegen Sie für jeden Viewport das passende Logo mit der richtigen Größe. Im Anschluss finden Sie eine Auflistung an welcher Viewport genutzt wird.&#x20;

* **Desktop Logo:** ab 991px
* **Tablet Logo:** zwischen 991px und 767px
* **Mobil Logo:** kleiner als 767px

{% hint style="info" %}
Das Logo für das Sticky Menü hinterlegen Sie separat im Tab: Header > Sticky Menü
{% endhint %}

### Logo Konfiguration

#### **Höhe**

Hier haben Sie die Möglichkeit für das zugewiesene Logo und dem dementsprechenden Viewport eine feste Höhe festzulegen. Die Breite wird automatisch ermittelt und gesetzt. Die Angaben erfolgen in Pixel.

#### Innenabstand

Mit den beiden Einstellungen: *Innenabstand Obe*n und *Innenabstand Unten* können Sie die Abstände zu anderen Objekten nach oben und/oder unten vergrößern. Beide Werte können separat gewählt werden. Auch hier erfolgen die Angaben in Pixel.

<figure><img src="https://857504323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIjmVDBFtwlXBYXSv10K6%2Fuploads%2FgQTGPAUijtBmRxfZi2g4%2FThemeSW_ThemeEinstellungen-156.jpg?alt=media&#x26;token=a12d3ec9-eb9d-4861-8c00-2b7964642edc" alt=""><figcaption></figcaption></figure>

## Sonstiges

Hier haben Sie die Möglichkeit Ihr Logo für die Darstellung in der Browsersuchleiste (Favicon) und/oder für die Anzeige von Suchergebnisse in sozialen Netzwerken (App- & Share-Icon) zu optimieren.
