# Banner auf Startseite

**URL:** <https://forum.shopware.com/t/banner-auf-startseite/46104>\
**Category:** Themes & Design\
**Created:** [1. Juni 2017 um 11:29 UTC](https://forum.shopware.com/t/banner-auf-startseite/46104 "2017-06-01T11:29:38Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![fireplay](https://avatars.discourse-cdn.com/v4/letter/f/bbe5ce/32.png) [@fireplay](https://forum.shopware.com/u/fireplay)\
**Post date:** [1. Juni 2017 um 11:29 UTC](https://forum.shopware.com/t/banner-auf-startseite/46104/1 "2017-06-01T11:29:38Z")

</div>

Hallo zusammen

Wie kann ich den Header so gestalten das er wie auf den eingezeichneten Pfeilen bis an den Rand geht?

[![](https://www.bilder-upload.eu/show.php?file=92c49f-1496316574.png) ](https://www.bilder-upload.eu/show.php?file=92c49f-1496316574.png)

&nbsp;

Danke für eure Hilfe

&nbsp;

---

<div class="post-metadata">

**Author:** ![fireplay](https://avatars.discourse-cdn.com/v4/letter/f/bbe5ce/32.png) [@fireplay](https://forum.shopware.com/u/fireplay)\
**Post date:** [2. Juni 2017 um 06:01 UTC](https://forum.shopware.com/t/banner-auf-startseite/46104/2 "2017-06-02T06:01:54Z")

</div>

Keiner eine Idee?

---

<div class="post-metadata">

**Author:** ![iLuHa](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/iluha/32/8191_2.png) [@iLuHa](https://forum.shopware.com/u/iLuHa)\
**Post date:** [2. Juni 2017 um 06:43 UTC](https://forum.shopware.com/t/banner-auf-startseite/46104/3 "2017-06-02T06:43:56Z")

</div>

Für die Abstände links und rechts das “padding” der CSS / LESS Klasse “content-main–inner” anpassen.  
Für den Abstand oben das “margin-top” der CSS / LESS Klasse “content–home” entsprechend anpassen.

Am besten indem man die genannten Klassen über LESS Files im eigenen Template überschreibt.

---

<div class="post-metadata">

**Author:** ![fireplay](https://avatars.discourse-cdn.com/v4/letter/f/bbe5ce/32.png) [@fireplay](https://forum.shopware.com/u/fireplay)\
**Post date:** [2. Juni 2017 um 08:37 UTC](https://forum.shopware.com/t/banner-auf-startseite/46104/4 "2017-06-02T08:37:53Z")

</div>

Danke für deine Hilfe.

Wo finde ich diese Datei ?

Ich nutze das Template „Responsive“

---

<div class="post-metadata">

**Author:** ![iLuHa](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/iluha/32/8191_2.png) [@iLuHa](https://forum.shopware.com/u/iLuHa)\
**Post date:** [2. Juni 2017 um 08:42 UTC](https://forum.shopware.com/t/banner-auf-startseite/46104/5 "2017-06-02T08:42:42Z")

</div>

Hierfür wirst du erst ein eigenes Theme erstellen müssen, welches sich auf das Responsive Theme bezieht.  
Anschließend die genannten Änderungen innerhalb deines eigenen Themes vornehmen.

Mehr Informationen zu Themes und LESS gibts hier:&nbsp;[Shopware 5 Theme Startup Guide](https://developers.shopware.com/designers-guide/theme-startup-guide/) oder hier&nbsp;[https://8mylez.com/blog/shopware-5-theme-erstellen/](https://8mylez.com/blog/shopware-5-theme-erstellen/)

---

<div class="post-metadata">

**Author:** ![fireplay](https://avatars.discourse-cdn.com/v4/letter/f/bbe5ce/32.png) [@fireplay](https://forum.shopware.com/u/fireplay)\
**Post date:** [2. Juni 2017 um 10:35 UTC](https://forum.shopware.com/t/banner-auf-startseite/46104/6 "2017-06-02T10:35:53Z")

</div>

Habe nun mein eigenes Theme angelegt. Nun habe ich plötzlich einen grossen abstand zwischen Menü und Logo.

Woher kommt das ?&nbsp;

> **[Zuercher Technik Online Shop](https://shop.zuercher.com/)**

---

<div class="post-metadata">

**Author:** ![fireplay](https://avatars.discourse-cdn.com/v4/letter/f/bbe5ce/32.png) [@fireplay](https://forum.shopware.com/u/fireplay)\
**Post date:** [6. Juni 2017 um 06:25 UTC](https://forum.shopware.com/t/banner-auf-startseite/46104/7 "2017-06-06T06:25:14Z")

</div>

Kann mir keiner helfen ?☹

---

<div class="post-metadata">

**Author:** ![iLuHa](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/iluha/32/8191_2.png) [@iLuHa](https://forum.shopware.com/u/iLuHa)\
**Post date:** [6. Juni 2017 um 07:01 UTC](https://forum.shopware.com/t/banner-auf-startseite/46104/8 "2017-06-06T07:01:45Z")

</div>

Du hast scheinbar irgendwo dem Logo Element eine fixe Höhe von 500px gegeben.

Siehe:&nbsp;

```
@media screen and (min-width: 48em) {
    .header-main .logo-main .logo--shop {
        height: 500px;
        height: 31.25rem;
    }
}

```

und

```
@media screen and (min-width: 48em) {
    .header-main .logo-main .logo--link {
        height: 500px;
        height: 31.25rem;
    }
}

```

&nbsp;
