# Logo/Header Probleme bei kleinem Bildschirm

**URL:** <https://forum.shopware.com/t/logo-header-probleme-bei-kleinem-bildschirm/28507>\
**Category:** Shopware 3.5\
**Tags:** themes--design\
**Created:** [27. Juni 2015 um 14:08 UTC](https://forum.shopware.com/t/logo-header-probleme-bei-kleinem-bildschirm/28507 "2015-06-27T14:08:01Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![krauss-shop24](https://avatars.discourse-cdn.com/v4/letter/k/f07891/32.png) [@krauss-shop24](https://forum.shopware.com/u/krauss-shop24)\
**Post date:** [27. Juni 2015 um 14:08 UTC](https://forum.shopware.com/t/logo-header-probleme-bei-kleinem-bildschirm/28507/1 "2015-06-27T14:08:01Z")

</div>

Hallo Leute, ich habe auf meiner Seite meinen Hintergrund und Logo geändert. Dies habe ich auf meinem 24Zoll Monitor gemacht. Wenn ich jetzt das BrowserFenster kleiner ziehe bzw. auf einem kleineren Monitor meine Seite anschaue, “verkleinern” sich nicht die Bilder, sondern schieben sich ineinander. Habe hier mal ein Bild ![]() Gibt es einen Code, der, sobald das Bild sich verkleinert, automatisch Logo, etc. anpasst? Vielen Dank vorab =)

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [27. Juni 2015 um 14:58 UTC](https://forum.shopware.com/t/logo-header-probleme-bei-kleinem-bildschirm/28507/2 "2015-06-27T14:58:31Z")

</div>

[https://www.google.de/?gws\_rd=ssl#q=css … und+resize](https://www.google.de/?gws%5C_rd=ssl#q=css+background+resize) [quote]cover Der cover Wert spezifizert, dass das Hintergundbild in der Größe so angezeigt wird, dass es selbst so klein als möglich ist, dabei aber auf alle Fälle in beiden Dimensionen größer oder gleich der jeweiligen korresponierenden Maße des Containers ist. [/quote] `#element { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }`

---

<div class="post-metadata">

**Author:** ![krauss-shop24](https://avatars.discourse-cdn.com/v4/letter/k/f07891/32.png) [@krauss-shop24](https://forum.shopware.com/u/krauss-shop24)\
**Post date:** [28. Juni 2015 um 15:23 UTC](https://forum.shopware.com/t/logo-header-probleme-bei-kleinem-bildschirm/28507/3 "2015-06-28T15:23:40Z")

</div>

Super, dank für die Antwort… komme allerdingsnicht weiter. Sobald ich obige Werte einstelle, verschwindet einfach das Bild… So sieht meine CSS aus (Auszug) /\* GENERAL ------------------------ \*/ html, a, a:link, a:active, a:hover, a:visted {color: #333;} [color=red]body { min-width: 1024px;background-color:#ffffff;background-image: url(/media/image/bg.jpg); background-repeat: no-repeat; background-size: contain;}[/color] html {font: 12px/1.3em Arial,„Helvetica Neue“,Helvetica,sans-serif; padding-top: 0px;} Es betrifft doch die rot markierte Zeile oder?

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [28. Juni 2015 um 16:36 UTC](https://forum.shopware.com/t/logo-header-probleme-bei-kleinem-bildschirm/28507/4 "2015-06-28T16:36:44Z")

</div>

background-size: contain ? Lies meinen obigen Beitrag noch einmal genau durch. Und wieso gibst du dem body min-width ?