# Logo passt sich nicht an

**URL:** <https://forum.shopware.com/t/logo-passt-sich-nicht-an/40197>\
**Category:** Themes & Design\
**Created:** [29. September 2016 um 15:45 UTC](https://forum.shopware.com/t/logo-passt-sich-nicht-an/40197 "2016-09-29T15:45:34Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![hms](https://avatars.discourse-cdn.com/v4/letter/h/e274bd/32.png) [@hms](https://forum.shopware.com/u/hms)\
**Post date:** [29. September 2016 um 15:45 UTC](https://forum.shopware.com/t/logo-passt-sich-nicht-an/40197/1 "2016-09-29T15:45:34Z")

</div>

Hallo,

ich möchte im Header ein Logo der Größe 375x100px integrieren.  
Obwohl ich das Plugin von "8mylez"nutze wird mir das Ausgangs-Logo 375x100px auf 188x56 px&nbsp;heruntergerendert.  
Cache wurde selbstevrständlich vorher nochgelöscht und das Theme neu kompiliert.&nbsp;  
Keine Änderung, das Logo wird immer wieder verkleinert dargestellt.

Also dachte ich mir dann halt in Less die header.less anpassen, hier gibt es ja auch ein Code-Beispiel von 8mylez 🙂  
Alles korrekt eingestellt, keine Schreibfehler, Template lässt kompilieren und anschließend den Cache geleert.

Und was passiert - nicht’s - bzw. besser gesagt das Logo wird weiterhin verkleinert.

Kann mir jemand helfen? Vielleicht ist das alles ja nur ein Handlingsfehler!

Vielen Dank schon einmal für Eure Ratschläge.

Gruß  
HMS

---

<div class="post-metadata">

**Author:** ![Arya\_Svitkona](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/arya_svitkona/32/15319_2.png) [@Arya\_Svitkona](https://forum.shopware.com/u/Arya_Svitkona)\
**Post date:** [30. September 2016 um 09:16 UTC](https://forum.shopware.com/t/logo-passt-sich-nicht-an/40197/2 "2016-09-30T09:16:41Z")

</div>

Link wäre nicht schlecht zum Debuggen 🙂  
Welches Theme? SW5 responsive?  
Warum willst du des genau so gross drin haben? Das wichtigste ist das Seitenverhältnis (Breite zu Höhe) und den Rest lässt mal den Browser machen 🙂

Gruss Arya\_Svitkona

---

<div class="post-metadata">

**Author:** ![hms](https://avatars.discourse-cdn.com/v4/letter/h/e274bd/32.png) [@hms](https://forum.shopware.com/u/hms)\
**Post date:** [30. September 2016 um 09:23 UTC](https://forum.shopware.com/t/logo-passt-sich-nicht-an/40197/3 "2016-09-30T09:23:12Z")

</div>

> [@Arya\_Svitkona schrieb:](https://forum.shopware.com/profile/21097/Arya_Svitkona "Arya\_Svitkona")
> 
> Link wäre nicht schlecht zum Debuggen ![:)](https://dub1.discourse-cdn.com/flex013/resources/emoji/smile.png ":)")  
> Welches Theme? SW5 responsive?  
> Warum willst du des genau so gross drin haben? Das wichtigste ist das Seitenverhältnis (Breite zu Höhe) und den Rest lässt mal den Browser machen ![:)](https://dub1.discourse-cdn.com/flex013/resources/emoji/smile.png ":)")
> 
> Gruss Arya\_Svitkona

Hallo,

der Link: [softair-unlimited.de](http://softair-unlimited.de). Das Logo wird viel zu klein dargestellt!  
Genutzt wird das Flat-Template - SW 5.2.6

Danke schon im voraus!&nbsp;  
HMS

---

<div class="post-metadata">

**Author:** ![Synonymous](https://avatars.discourse-cdn.com/v4/letter/s/57b2e6/32.png) [@Synonymous](https://forum.shopware.com/u/Synonymous)\
**Post date:** [30. September 2016 um 09:29 UTC](https://forum.shopware.com/t/logo-passt-sich-nicht-an/40197/4 "2016-09-30T09:29:38Z")

</div>

Dein Logo ist nur 275x60 px groß - und genau in dieser Größe wird es dargestellt. In welcher Größe lädst Du es hoch?

---

<div class="post-metadata">

**Author:** ![hms](https://avatars.discourse-cdn.com/v4/letter/h/e274bd/32.png) [@hms](https://forum.shopware.com/u/hms)\
**Post date:** [30. September 2016 um 09:31 UTC](https://forum.shopware.com/t/logo-passt-sich-nicht-an/40197/5 "2016-09-30T09:31:39Z")

</div>

> [@Synonymous schrieb:](https://forum.shopware.com/profile/24210/Synonymous "Synonymous")
> 
> Dein Logo ist nur 275x60 px groß - und genau in dieser Größe wird es dargestellt. In welcher Größe lädst Du es hoch?

Jetzt bin ich ein wenig wirr!  
Das Logo ist eigentlich 375 x 100 px!  
Was läuft denn da falsch??

Gruß  
HMS&nbsp;

---

<div class="post-metadata">

**Author:** ![Synonymous](https://avatars.discourse-cdn.com/v4/letter/s/57b2e6/32.png) [@Synonymous](https://forum.shopware.com/u/Synonymous)\
**Post date:** [30. September 2016 um 09:38 UTC](https://forum.shopware.com/t/logo-passt-sich-nicht-an/40197/6 "2016-09-30T09:38:27Z")

</div>

Vermutlich wird es beim Upload runtergerechnet oder Du lädst es schon in dieser kleineren Auflösung hoch.

---

<div class="post-metadata">

**Author:** ![Arya\_Svitkona](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/arya_svitkona/32/15319_2.png) [@Arya\_Svitkona](https://forum.shopware.com/u/Arya_Svitkona)\
**Post date:** [30. September 2016 um 09:38 UTC](https://forum.shopware.com/t/logo-passt-sich-nicht-an/40197/7 "2016-09-30T09:38:48Z")

</div>

Google mal nach deiner URL…I don’t like that 😉  
[Hier](https://www.google.ch/#q=softair-unlimited.de)&nbsp;“access denied”&nbsp;als Titel im Google Suchindex… Bei Gelegenheit neu Indexieren lassen (wenns soweit ist).

&nbsp;

Das ist das Problem.

**.header-main .logo-main .logo–shop{ width:50%; } // anpassen**

Das Logo mag zwar gross genug sein, jedoch ist der Umschliessende div nur 50% gross und darum kann das Bild nie grösser dargestellt werden.  
Die Lösung gib ich dir nicht “Pfannenfertig”, aber schau mal im Google Chrome&nbsp;mit “Rechts klick (aufs Logo) - Untersuchen” die einzelnen Div’s und ihre Grösse an.  
Dann merkst was ich meine und kannst mit wenig CSS das ganze anpassen.

LG Arya\_Svitkona

&nbsp;

**Update:** Offtopic aber, pass deine .htaccess auf dem Server an, damit “[softair-unlimited.de](http://softair-unlimited.de)” auf “[www.softair-unlimited.de](http://www.softair-unlimited.de)” umgeleitet wird. Wenn du die Adresse ohne WWW angibst, kommt 1. ein anderer Shop 2. wirst schlechter von Google bewertet.

---

<div class="post-metadata">

**Author:** ![hms](https://avatars.discourse-cdn.com/v4/letter/h/e274bd/32.png) [@hms](https://forum.shopware.com/u/hms)\
**Post date:** [30. September 2016 um 10:00 UTC](https://forum.shopware.com/t/logo-passt-sich-nicht-an/40197/8 "2016-09-30T10:00:49Z")

</div>

> [@Arya\_Svitkona schrieb:](https://forum.shopware.com/profile/21097/Arya_Svitkona "Arya\_Svitkona")
> 
> Google mal nach deiner URL…I don’t like that ![;)](https://dub1.discourse-cdn.com/flex013/resources/emoji/wink.png ";)")  
> [Hier](https://www.google.ch/#q=softair-unlimited.de)&nbsp;„access denied“&nbsp;als Titel im Google Suchindex… Bei Gelegenheit neu Indexieren lassen (wenns soweit ist).
> 
> &nbsp;
> 
> Das ist das Problem.
> 
> **.header-main .logo-main .logo–shop{ width:50%; } // anpassen**
> 
> Das Logo mag zwar gross genug sein, jedoch ist der Umschliessende div nur 50% gross und darum kann das Bild nie grösser dargestellt werden.  
> Die Lösung gib ich dir nicht „Pfannenfertig“, aber schau mal im Google Chrome&nbsp;mit „Rechts klick (aufs Logo) - Untersuchen“ die einzelnen Div’s und ihre Grösse an.  
> Dann merkst was ich meine und kannst mit wenig CSS das ganze anpassen.
> 
> LG Arya\_Svitkona
> 
> &nbsp;
> 
> **Update:** Offtopic aber, pass deine .htaccess auf dem Server an, damit „[softair-unlimited.de](http://softair-unlimited.de)“ auf „[www.softair-unlimited.de](http://www.softair-unlimited.de)“ umgeleitet wird. Wenn du die Adresse ohne WWW angibst, kommt 1. ein anderer Shop 2. wirst schlechter von Google bewertet.

Hallo,

Danke für Deinen Hinweis „Update“.  
Das mit dem Logo&nbsp;verstehe ich jetzt zwar theoretisch, aber praktisch stehe ich da im Moment auf dem Schlauch insbesondere da der&nbsp;div.logo-main-block-group 378x80px gross ist ( Newbi Problem, ich weiß)

Gruß  
HMS

---

<div class="post-metadata">

**Author:** ![Synonymous](https://avatars.discourse-cdn.com/v4/letter/s/57b2e6/32.png) [@Synonymous](https://forum.shopware.com/u/Synonymous)\
**Post date:** [2. Oktober 2016 um 11:48 UTC](https://forum.shopware.com/t/logo-passt-sich-nicht-an/40197/9 "2016-10-02T11:48:25Z")

</div>

Die falsche .htaccess config erklärt auch, warum ich jetzt eine ganz andere Seite sehe 🙂  
Jetzt ist Dein Logo noch immer 275x80, wird aber durch den angesprochenen DIV skaliert.

Such Dir die Klasse in Deinen .less Files raus (bzw. überlade Sie in Deinem eigenen Theme) und setze die width auf 100%.  
Die Höhe ist übrigens für Viewports \> 48em auch noch auf 5rem limitiert.

---

<div class="post-metadata">

**Author:** ![hms](https://avatars.discourse-cdn.com/v4/letter/h/e274bd/32.png) [@hms](https://forum.shopware.com/u/hms)\
**Post date:** [2. Oktober 2016 um 14:15 UTC](https://forum.shopware.com/t/logo-passt-sich-nicht-an/40197/10 "2016-10-02T14:15:23Z")

</div>

> [@Synonymous schrieb:](https://forum.shopware.com/profile/24210/Synonymous "Synonymous")
> 
> Die falsche .htaccess config erklärt auch, warum ich jetzt eine ganz andere Seite sehe ![:)](https://dub1.discourse-cdn.com/flex013/resources/emoji/smile.png ":)")  
> Jetzt ist Dein Logo noch immer 275x80, wird aber durch den angesprochenen DIV skaliert.
> 
> Such Dir die Klasse in Deinen .less Files raus (bzw. überlade Sie in Deinem eigenen Theme) und setze die width auf 100%.  
> Die Höhe ist übrigens für Viewports \> 48em auch noch auf 5rem limitiert.

Hallo Synonymous,

Danke für Deine Hilfe. Mal sehen ob ich es umsetzten kann.  
Was ist denn an der .htaccess denn falsch, bekommt Du beim Aufruf der Website nicht „[softair-unlimited.de](http://softair-unlimited.de)“ im Browser angezeigt?

Gruß  
HMS&nbsp;

---

<div class="post-metadata">

**Author:** ![Synonymous](https://avatars.discourse-cdn.com/v4/letter/s/57b2e6/32.png) [@Synonymous](https://forum.shopware.com/u/Synonymous)\
**Post date:** [2. Oktober 2016 um 15:20 UTC](https://forum.shopware.com/t/logo-passt-sich-nicht-an/40197/11 "2016-10-02T15:20:11Z")

</div>

Doch, jetzt schon. Aber beim letzten Mal hatte ich ein grün-schwarzes Logo und auch die Site sah etwas anders aus.

---

<div class="post-metadata">

**Author:** ![Arya\_Svitkona](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/arya_svitkona/32/15319_2.png) [@Arya\_Svitkona](https://forum.shopware.com/u/Arya_Svitkona)\
**Post date:** [3. Oktober 2016 um 08:25 UTC](https://forum.shopware.com/t/logo-passt-sich-nicht-an/40197/12 "2016-10-03T08:25:57Z")

</div>

@hms‍ wie fit bist du in CSS? Hast bereits mal Änderungen in einem Theme durchgeführt?  
Ansonsten rate ich dir das hier an:

[https://shopwareianer.com/tutorials/shopware-eigene-less-datei-anlegen](https://shopwareianer.com/tutorials/shopware-eigene-less-datei-anlegen)  
[https://shopwareianer.com/tutorials](https://shopwareianer.com/tutorials)

Es gibt auch noch ein Tutor für deine Frage, aber ich lege dir nahe, dich im allgemeinen mit der Thematik auseinanderzusetzen. 🙂  
Good Luck!

---

<div class="post-metadata">

**Author:** ![hms](https://avatars.discourse-cdn.com/v4/letter/h/e274bd/32.png) [@hms](https://forum.shopware.com/u/hms)\
**Post date:** [3. Oktober 2016 um 08:32 UTC](https://forum.shopware.com/t/logo-passt-sich-nicht-an/40197/13 "2016-10-03T08:32:26Z")

</div>

> [@Arya\_Svitkona schrieb:](https://forum.shopware.com/profile/21097/Arya_Svitkona "Arya\_Svitkona")
> 
> @hms‍ wie fit bist du in CSS? Hast bereits mal Änderungen in einem Theme durchgeführt?  
> Ansonsten rate ich dir das hier an:
> 
> [https://shopwareianer.com/tutorials/shopware-eigene-less-datei-anlegen](https://shopwareianer.com/tutorials/shopware-eigene-less-datei-anlegen)  
> [https://shopwareianer.com/tutorials](https://shopwareianer.com/tutorials)
> 
> Es gibt auch noch ein Tutor für deine Frage, aber ich lege dir nahe, dich im allgemeinen mit der Thematik auseinanderzusetzen. ![:)](https://dub1.discourse-cdn.com/flex013/resources/emoji/smile.png ":)")  
> Good Luck!

Hallo,

es geht, ich arbeite bereits mit Less und habe darüber auch schon einige Anpassung an „meinem Template“ vorgenommen. Der Link von „shopwareianer“ und „8mylez“ kenne ich schon, vielen Dank für den Tipp! Dort hole ich mir bereits, sehr erfolgreich, den einen oder anderen Tipp zur speziellen Anpassung.

Gruß  
HMS&nbsp;
