# Banner Bild nicht zentriert bei Smartphone

**URL:** <https://forum.shopware.com/t/banner-bild-nicht-zentriert-bei-smartphone/106773>\
**Category:** Shopware 6 (German)\
**Created:** [19. März 2025 um 13:46 UTC](https://forum.shopware.com/t/banner-bild-nicht-zentriert-bei-smartphone/106773 "2025-03-19T13:46:05Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![ilargi](https://avatars.discourse-cdn.com/v4/letter/i/e8c25b/32.png) [@ilargi](https://forum.shopware.com/u/ilargi)\
**Post date:** [19. März 2025 um 13:46 UTC](https://forum.shopware.com/t/banner-bild-nicht-zentriert-bei-smartphone/106773/1 "2025-03-19T13:46:05Z")

</div>

Hallo, ich benutze ein Bild als Banner, wie sie in Desktop aussiehst,

 ![banner](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/b/a/ba06396c7b76b3c8d1c2e70d779c6069c43564a6.jpeg)

aber bei kleiner geretten(Smartphonen), sich zentrieren nicht,

 ![banner2](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/9/1/9151a5ca0adeec0ae65b4dc047b549b59e92a36e.png)

ich versuche mit den classen,

```auto
.cms-element-image .cms-image-container.is-cover .cms-image, .cms-element-image .cms-image-container.is-stretch .cms-image {
  width: 100%;
  display: block;
}

```

aber bekommt kein veränderung…

---

<div class="post-metadata">

**Author:** ![Anotherone](https://avatars.discourse-cdn.com/v4/letter/a/6de8d8/32.png) [@Anotherone](https://forum.shopware.com/u/Anotherone)\
**Post date:** [20. März 2025 um 10:55 UTC](https://forum.shopware.com/t/banner-bild-nicht-zentriert-bei-smartphone/106773/2 "2025-03-20T10:55:08Z")

</div>

Möchtest Du, daß das ganze Bild sichtbar ist?

---

<div class="post-metadata">

**Author:** ![ilargi](https://avatars.discourse-cdn.com/v4/letter/i/e8c25b/32.png) [@ilargi](https://forum.shopware.com/u/ilargi)\
**Post date:** [20. März 2025 um 11:03 UTC](https://forum.shopware.com/t/banner-bild-nicht-zentriert-bei-smartphone/106773/3 "2025-03-20T11:03:05Z")

</div>

Danke für deine Anwort!

ja, wenn ich gut verstande was sichtbar ist…

Ich will wenn suchen meine Webseite mit Smartphone, das Bild wird gezeigt, wie es ist..  
Beispiel,

 ![smartphone3](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/7/1/713c7bfe5ee80f3a03285bb2d75677b469b2306a.png)

Dises Bild ist von Smartphone..aber von andere Webseite und wie ich bekomme möchte..

Dieses Bild ist von Shopware und gleiche Smartphone,

 ![smartphone4](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/6/7/67bfc9c054d4368edca4ba5c8feb7786e43d8f1a.png)

---

<div class="post-metadata">

**Author:** ![ilargi](https://avatars.discourse-cdn.com/v4/letter/i/e8c25b/32.png) [@ilargi](https://forum.shopware.com/u/ilargi)\
**Post date:** [20. März 2025 um 16:01 UTC](https://forum.shopware.com/t/banner-bild-nicht-zentriert-bei-smartphone/106773/4 "2025-03-20T16:01:37Z")

</div>

Die Lösung war mehr einfacher als ich dachtet…

In **Kategorien** , in **Home** Wählen **Layout** und in **Anzeigemodus** , Wählen **Skaliert**.

---

<div class="post-metadata">

**Author:** ![system](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/2/9/29c7587ba660f00e4995d1743162782e5d6d8653.svg) [@system](https://forum.shopware.com/u/system)\
**Post date:** [19. April 2025 um 16:02 UTC](https://forum.shopware.com/t/banner-bild-nicht-zentriert-bei-smartphone/106773/5 "2025-04-19T16:02:12Z")

</div>

Dieses Thema wurde automatisch 30 Tage nach der letzten Antwort geschlossen. Es sind keine neuen Antworten mehr erlaubt.