# Logo Größe ändern

**URL:** <https://forum.shopware.com/t/logo-grosse-andern/29812>\
**Category:** Installation/Einstieg\
**Created:** [21. August 2015 um 06:47 UTC](https://forum.shopware.com/t/logo-grosse-andern/29812 "2015-08-21T06:47:45Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tommy2008](https://avatars.discourse-cdn.com/v4/letter/t/43a26b/32.png) [@Tommy2008](https://forum.shopware.com/u/Tommy2008)\
**Post date:** [21. August 2015 um 06:47 UTC](https://forum.shopware.com/t/logo-grosse-andern/29812/1 "2015-08-21T06:47:45Z")

</div>

Hallo, ich habe Shopware V5. Wie kann ich dort das Logo etwas größer machen? Da es im moment nur sehr klein dargestellt wird, obwohl die Bild Datei größer von der Auflösung etc ist. Grüße

---

<div class="post-metadata">

**Author:** ![Tommy2008](https://avatars.discourse-cdn.com/v4/letter/t/43a26b/32.png) [@Tommy2008](https://forum.shopware.com/u/Tommy2008)\
**Post date:** [21. August 2015 um 07:25 UTC](https://forum.shopware.com/t/logo-grosse-andern/29812/2 "2015-08-21T07:25:56Z")

</div>

[quote=„Tommy2008“]Hallo, ich habe Shopware V5. Wie kann ich dort das Logo etwas größer machen? Da es im moment nur sehr klein dargestellt wird, obwohl die Bild Datei größer von der Auflösung etc ist. Grüße[/quote] Ich habe nun das Plugin „Logo Größe ändern“ installiert, aber leider kann ich mein Theme nicht neu Kompilieren. Da kommt dann immer folgende Fehlermeldung: „Es ist ein Fehler aufgetreten Während der Bearbeitung von Shop „Cheaper-Buy“ ist ein Fehler aufgetreten: File `_modules/header.less` not found. in all.less“ Sobald ich es deaktiviere kann ich wieder kompilieren. Ich möchte aber mein Logo größer machen, wie kann ich da nun vorgehen?

---

<div class="post-metadata">

**Author:** ![8mylez](https://avatars.discourse-cdn.com/v4/letter/8/f1d935/32.png) [@8mylez](https://forum.shopware.com/u/8mylez)\
**Post date:** [21. August 2015 um 08:45 UTC](https://forum.shopware.com/t/logo-grosse-andern/29812/3 "2015-08-21T08:45:24Z")

</div>

Kannst du einen Link zu deinem Shop posten, dann kann man es genauer sagen. Welches Theme nutzt du?

---

<div class="post-metadata">

**Author:** ![Tommy2008](https://avatars.discourse-cdn.com/v4/letter/t/43a26b/32.png) [@Tommy2008](https://forum.shopware.com/u/Tommy2008)\
**Post date:** [21. August 2015 um 08:49 UTC](https://forum.shopware.com/t/logo-grosse-andern/29812/4 "2015-08-21T08:49:43Z")

</div>

[quote=„8mylez“]Kannst du einen Link zu deinem Shop posten, dann kann man es genauer sagen. Welches Theme nutzt du?[/quote] [www.cheaper-buy.com](http://www.cheaper-buy.com) ich benutze das Theme: Responsive

---

<div class="post-metadata">

**Author:** ![8mylez](https://avatars.discourse-cdn.com/v4/letter/8/f1d935/32.png) [@8mylez](https://forum.shopware.com/u/8mylez)\
**Post date:** [21. August 2015 um 09:09 UTC](https://forum.shopware.com/t/logo-grosse-andern/29812/5 "2015-08-21T09:09:37Z")

</div>

Ok, 1. Eigenes Theme erstellen und vom Responsive Theme ableiten 2. Auf dem Server in den Ordner “themes/Frontend/deinEigenesTheme/frontend/\_public/src/less” die Datei “all.less” anlegen. 3. In den Ordner “themes/Frontend/deinEigenesTheme/frontend/\_public/src/less/\_modules/” die Datei “header.less” anlegen. 4. Logo anpassen. Der obere Code ist für Smartphones (mit 35px Höhe) und unten für alles was größer als Tablet ist (mit 80px). ` .header-main { // Logo .logo-main { // Smaller logo for mobile viewports .logo--shop { .unitize-height(35, 16); width: 50%; } .logo--link { .unitize-height(35, 16); } } } @media screen and (min-width: @tabletViewportWidth) { .header-main { // Logo .logo-main { // Smaller logo for mobile viewports .logo--shop { .unitize-height(80, 16); } .logo--link { .unitize-height(80, 16); } } } } `

---

<div class="post-metadata">

**Author:** ![Tommy2008](https://avatars.discourse-cdn.com/v4/letter/t/43a26b/32.png) [@Tommy2008](https://forum.shopware.com/u/Tommy2008)\
**Post date:** [21. August 2015 um 09:21 UTC](https://forum.shopware.com/t/logo-grosse-andern/29812/6 "2015-08-21T09:21:24Z")

</div>

[quote=„8mylez“]Ok, 1. Eigenes Theme erstellen und vom Responsive Theme ableiten 2. Auf dem Server in den Ordner „themes/deinEigenesTheme/frontend/\_public/src/less“ die Datei „all.less“ anlegen. 3. In den Ordner „themes/deinEigenesTheme/frontend/\_public/src/less/\_modules/“ die Datei „header.less“ anlegen. 4. Logo anpassen. Der obere Code ist für Smartphones (mit 35px Höhe) und unten für alles was größer als Tablet ist (mit 80px). ` .header-main { // Logo .logo-main { // Smaller logo for mobile viewports .logo--shop { .unitize-height(35, 16); width: 50%; } .logo--link { .unitize-height(35, 16); } } } @media screen and (min-width: @tabletViewportWidth) { .header-main { // Logo .logo-main { // Smaller logo for mobile viewports .logo--shop { .unitize-height(80, 16); } .logo--link { .unitize-height(80, 16); } } } } `[/quote] und welcher code muss in die all.less? und welcher in die header.less?

---

<div class="post-metadata">

**Author:** ![8mylez](https://avatars.discourse-cdn.com/v4/letter/8/f1d935/32.png) [@8mylez](https://forum.shopware.com/u/8mylez)\
**Post date:** [21. August 2015 um 09:45 UTC](https://forum.shopware.com/t/logo-grosse-andern/29812/7 "2015-08-21T09:45:16Z")

</div>

Der Code in die header.less ` .header-main { // Logo .logo-main { // Smaller logo for mobile viewports .logo--shop { .unitize-height(35, 16); } .logo--link { .unitize-height(35, 16); } } } @media screen and (min-width: @tabletViewportWidth) { .header-main { // Logo .logo-main { // Smaller logo for mobile viewports .logo--shop { .unitize-height(80, 16); } .logo--link { .unitize-height(80, 16); } } } } ` Info: Ich habe noch das “width” rausgenommen, da es an der Stelle nicht gebraucht wird. Und in die all.less kommt folgendes rein: `@import "\_modules/header";` Dann im Backend noch den Cache leeren und das Theme neu kompilieren.
