# Menüicon im Offcanvas-Menü ändern?

**URL:** <https://forum.shopware.com/t/menuicon-im-offcanvas-menu-andern/42401>\
**Category:** Themes & Design\
**Created:** [23. Dezember 2016 um 11:11 UTC](https://forum.shopware.com/t/menuicon-im-offcanvas-menu-andern/42401 "2016-12-23T11:11:37Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![naztyone](https://avatars.discourse-cdn.com/v4/letter/n/5e9695/32.png) [@naztyone](https://forum.shopware.com/u/naztyone)\
**Post date:** [23. Dezember 2016 um 11:11 UTC](https://forum.shopware.com/t/menuicon-im-offcanvas-menu-andern/42401/1 "2016-12-23T11:11:37Z")

</div>

Hallo zusammen,

ich versuche seit 2 Tagen das Icon (Das mit den drei waagerechen Strichen) im Offcanvasmenü in der Mobilen ansicht zu ändern.

Aus welchem Grund auch immer, berührt es die untere Linie des Headers.

Kann mir jemand erklären wo ich den Code finde bzw. wie ich den Abstand von Content und Header in der Mobilen Ansicht erhöhe?

&nbsp;

Besten Dank im Voraus.

---

<div class="post-metadata">

**Author:** ![steinsoftware](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@steinsoftware](https://forum.shopware.com/u/steinsoftware)\
**Post date:** [23. Dezember 2016 um 13:30 UTC](https://forum.shopware.com/t/menuicon-im-offcanvas-menu-andern/42401/2 "2016-12-23T13:30:03Z")

</div>

Das ist kein generelles Problem.

Ohne Link kann man da nicht helfen.

---

<div class="post-metadata">

**Author:** ![naztyone](https://avatars.discourse-cdn.com/v4/letter/n/5e9695/32.png) [@naztyone](https://forum.shopware.com/u/naztyone)\
**Post date:** [23. Dezember 2016 um 14:02 UTC](https://forum.shopware.com/t/menuicon-im-offcanvas-menu-andern/42401/3 "2016-12-23T14:02:42Z")

</div>

Sorry,

anbei ein screenshot oder

[www.mobolo.de](http://www.mobolo.de)

&nbsp;

Danke!

&nbsp;

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/2/283e67a6ad8a040ee1a02ce1f8922d5f9951e88c.jpeg)

---

<div class="post-metadata">

**Author:** ![8mylez](https://avatars.discourse-cdn.com/v4/letter/8/f1d935/32.png) [@8mylez](https://forum.shopware.com/u/8mylez)\
**Post date:** [31. Dezember 2016 um 10:59 UTC](https://forum.shopware.com/t/menuicon-im-offcanvas-menu-andern/42401/4 "2016-12-31T10:59:28Z")

</div>

Hallo&nbsp;naztyone,

dadurch, dass die Icons rechts nicht extistieren (diese waren relativ positoniert), verschiebt sich alles nach oben. Die Hoehe der Navigation kann nicht richtig berechnet werden, da das Menue Icon ueber&nbsp;

```
position: absolute;

```

Du kannst das loesen indem du das Menue Icon ueber&nbsp;

```
position: relative;

```

positionierst.

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/5/5dcf5db59a8d05328782a026a4a800789b720d70.png)

Gruß Alexander

---

<div class="post-metadata">

**Author:** ![naztyone](https://avatars.discourse-cdn.com/v4/letter/n/5e9695/32.png) [@naztyone](https://forum.shopware.com/u/naztyone)\
**Post date:** [6. Januar 2017 um 09:39 UTC](https://forum.shopware.com/t/menuicon-im-offcanvas-menu-andern/42401/5 "2017-01-06T09:39:29Z")

</div>

Hallo Alexander,

&nbsp;

danke für deine Antwort.

Könntest Du mir auch sagen, wo ich die Datei mit dem Code finde?

Gruß

---

<div class="post-metadata">

**Author:** ![8mylez](https://avatars.discourse-cdn.com/v4/letter/8/f1d935/32.png) [@8mylez](https://forum.shopware.com/u/8mylez)\
**Post date:** [8. Januar 2017 um 20:59 UTC](https://forum.shopware.com/t/menuicon-im-offcanvas-menu-andern/42401/6 "2017-01-08T20:59:47Z")

</div>

Hallo naztyone,

der Original Code steht in der header.less des Responsive Themes. Allerdings solltest du die Anpassung nicht dort machen, sondern in deinem eigenen Theme und bei den Klassen&nbsp;.shop–navigation .entry–menu-left schauen.

Gruß

Alexander

---

<div class="post-metadata">

**Author:** ![naztyone](https://avatars.discourse-cdn.com/v4/letter/n/5e9695/32.png) [@naztyone](https://forum.shopware.com/u/naztyone)\
**Post date:** [21. Januar 2017 um 14:31 UTC](https://forum.shopware.com/t/menuicon-im-offcanvas-menu-andern/42401/7 "2017-01-21T14:31:27Z")

</div>

Hallo Alexander,

&nbsp;

vielen Dank. Werde ich mir anschauen.

Gruß
