# Banner ist nicht am Desktop zentriert aber auf allen andern Endgeräten

**URL:** <https://forum.shopware.com/t/banner-ist-nicht-am-desktop-zentriert-aber-auf-allen-andern-endgeraten/57033>\
**Category:** Themes & Design\
**Tags:** shopping-worlds\
**Created:** [12. Dezember 2018 um 15:14 UTC](https://forum.shopware.com/t/banner-ist-nicht-am-desktop-zentriert-aber-auf-allen-andern-endgeraten/57033 "2018-12-12T15:14:48Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![BZN](https://avatars.discourse-cdn.com/v4/letter/b/f17d59/32.png) [@BZN](https://forum.shopware.com/u/BZN)\
**Post date:** [12. Dezember 2018 um 15:14 UTC](https://forum.shopware.com/t/banner-ist-nicht-am-desktop-zentriert-aber-auf-allen-andern-endgeraten/57033/1 "2018-12-12T15:14:48Z")

</div>

Hallo Liebes Forum,

Ich habe wieder mal eine kleine Frage. Ich habe einen Banner unter Marketing \> Banner erstellt. Soweit alles gut, nur hängt der Banner sehr weit links und nicht in der Mitte. Auf dem Handy, Tablett, etc. sitzt er in der Mitte. Woran kann das liegen ?

Hier einmal mein Shop damit ihr seht was ich meine:

> **[Schwaledruck](http://www.schwaledruck.de/)**
>
> Seit 25 Jahren bieten wir Werbetechnik zugeschnitten auf Ihre Bedürfnisse an.

&nbsp;

Danke schonmal für die Hilfe.

&nbsp;

LG

Jörg Giese

&nbsp;

---

<div class="post-metadata">

**Author:** ![v0id](https://avatars.discourse-cdn.com/v4/letter/v/ad7895/32.png) [@v0id](https://forum.shopware.com/u/v0id)\
**Post date:** [13. Dezember 2018 um 08:31 UTC](https://forum.shopware.com/t/banner-ist-nicht-am-desktop-zentriert-aber-auf-allen-andern-endgeraten/57033/2 "2018-12-13T08:31:34Z")

</div>

Hi Jörg,

das geben die Styles so her. Der Banner füllt in den Mobilen Varianten sein Eltern Element voll aus, wodurch es wirkt als wäre er da mittig positioniert. Beim Desktop ist dies nicht der Fall.

Mit ein paar einfachen Styles im eigenen Theme an den Elementen banner–container und banner–link liesse sich das schnell korigieren.  
Z.B.  
&nbsp;

```
.banner--container {
    text-align: center;

    .banner--link {
        display: inline-block;
    }
}

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![BZN](https://avatars.discourse-cdn.com/v4/letter/b/f17d59/32.png) [@BZN](https://forum.shopware.com/u/BZN)\
**Post date:** [20. Dezember 2018 um 13:44 UTC](https://forum.shopware.com/t/banner-ist-nicht-am-desktop-zentriert-aber-auf-allen-andern-endgeraten/57033/3 "2018-12-20T13:44:11Z")

</div>

> [@v0id schrieb:](https://forum.shopware.com/profile/25771/v0id "v0id")
> 
> Hi Jörg,
> 
> das geben die Styles so her. Der Banner füllt in den Mobilen Varianten sein Eltern Element voll aus, wodurch es wirkt als wäre er da mittig positioniert. Beim Desktop ist dies nicht der Fall.
> 
> Mit ein paar einfachen Styles im eigenen Theme an den Elementen banner–container und banner–link liesse sich das schnell korigieren.  
> Z.B.  
> &nbsp;
> 
> .banner–container {  
> text-align: center;
> 
> .banner–link {  
> display: inline-block;  
> }  
> }
> 
> &nbsp;

Weißt du in welche Datei ich das schreiben muss? Habe jetzt lange nach der richtigen Stelle gesucht und leider nichts gefunden .

Hoffe du kannst mir helfen.

---

<div class="post-metadata">

**Author:** ![BestShopPossible](https://avatars.discourse-cdn.com/v4/letter/b/6bbea6/32.png) [@BestShopPossible](https://forum.shopware.com/u/BestShopPossible)\
**Post date:** [4. Januar 2019 um 08:55 UTC](https://forum.shopware.com/t/banner-ist-nicht-am-desktop-zentriert-aber-auf-allen-andern-endgeraten/57033/4 "2019-01-04T08:55:16Z")

</div>

In deinem eigenen Theme in einer less-Datei:

[https://developers.shopware.com/designers-guide/less/](https://developers.shopware.com/designers-guide/less/)