# Advanced Menü - Einträge untereinander

**URL:** https://forum.shopware.com/t/advanced-menu-eintrage-untereinander/42858
**Category:** Themes & Design
**Created:** [17. Januar 2017 um 13:37 UTC](https://forum.shopware.com/t/advanced-menu-eintrage-untereinander/42858 "2017-01-17T13:37:14Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![nadjak](https://avatars.discourse-cdn.com/v4/letter/n/ec9cab/32.png) [@nadjak](https://forum.shopware.com/u/nadjak)
#### Post date: [17. Januar 2017 um 13:37 UTC](https://forum.shopware.com/t/advanced-menu-eintrage-untereinander/42858/1 "2017-01-17T13:37:14Z")

</div>

Hallo zusammen,

ich möchte gerne, dass die Menüpunkte im AdvancedMenü untereinander sind und nicht teilweise untereinander und teilweise nebeneinander.

Ich habe eine less-Datei angelegt und eingebunden.

Meine Änderungen lauten wie folgt:

```
.advanced-menu{
	max-width:30.75rem;
}
.advanced-menu .item--level-0{
	padding-bottom:10px;
	width:100%;
	max-width:30.5rem;
	display:inline-block;
}
.advanced-menu .content--wrapper{
	margin:0.5rem;
}

.advanced-menu li{
	float:none !important;
}
.advanced-menu .menu--level-0{
	float:none;
}

.advanced-menu .menu--level-1{
	margin:0;
}

```

Mag sein, dass inzwischen auch ein paar Sachen doppeltgemoppelt und überflüssig sind.

Leider funktioniert es nicht.

Außerdem hab ich die das Dropdown in der Breite verkleinert udn hätte natürlich gerne, dass es unter dem jeweiligen Menüpunkt aufgeht und nicht ganz links.

Danke und lg NAdja

---

<div class="post-metadata">

### Author: ![Arya\_Svitkona](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/arya_svitkona/32/15319_2.png) [@Arya\_Svitkona](https://forum.shopware.com/u/Arya_Svitkona)
#### Post date: [17. Januar 2017 um 14:04 UTC](https://forum.shopware.com/t/advanced-menu-eintrage-untereinander/42858/2 "2017-01-17T14:04:39Z")

</div>

Hast du die Möglichkeit einen Link zukommen zu lassen oder min. ein Screenshot?

LG

---

<div class="post-metadata">

### Author: ![nadjak](https://avatars.discourse-cdn.com/v4/letter/n/ec9cab/32.png) [@nadjak](https://forum.shopware.com/u/nadjak)
#### Post date: [17. Januar 2017 um 14:34 UTC](https://forum.shopware.com/t/advanced-menu-eintrage-untereinander/42858/3 "2017-01-17T14:34:06Z")

</div>

schule-mit-erfolg.shop

lg Nadja

---

<div class="post-metadata">

### Author: ![Arya\_Svitkona](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/arya_svitkona/32/15319_2.png) [@Arya\_Svitkona](https://forum.shopware.com/u/Arya_Svitkona)
#### Post date: [18. Januar 2017 um 07:48 UTC](https://forum.shopware.com/t/advanced-menu-eintrage-untereinander/42858/4 "2017-01-18T07:48:32Z")

</div>

Ciao Nadja,  
Du hast bei „.advanced-menu .menu–level-0.columns–4“ noch „column-count:4;“ drin.  
Somit versucht dir Shopware vier Spalten zu machen welche gleichgross sind.

Da den Wert überschreiben und voila 🙂

LG Arya\_Svitkona

---

<div class="post-metadata">

### Author: ![nadjak](https://avatars.discourse-cdn.com/v4/letter/n/ec9cab/32.png) [@nadjak](https://forum.shopware.com/u/nadjak)
#### Post date: [18. Januar 2017 um 10:34 UTC](https://forum.shopware.com/t/advanced-menu-eintrage-untereinander/42858/5 "2017-01-18T10:34:13Z")

</div>

Super! jetzt passt es mit dem Einspaltigen.

Und wie kann ich das Dropdownmenü unter den jeweiligen Menüpunkten platzieren?

Danke

lg Nadja

---

<div class="post-metadata">

### Author: ![Arya\_Svitkona](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/arya_svitkona/32/15319_2.png) [@Arya\_Svitkona](https://forum.shopware.com/u/Arya_Svitkona)
#### Post date: [19. Januar 2017 um 16:15 UTC](https://forum.shopware.com/t/advanced-menu-eintrage-untereinander/42858/6 "2017-01-19T16:15:20Z")

</div>

Ciao Nadja  
Das bringst du nicht ohne Javascript hin, denn das Menü wird als eigener div einfach unterhalb von “.navigation–list-wrapper” hinzugefügt.  
Der div.advanced-menu weiss somit nicht, wo sich dein Menüpunkt befindet.  
&nbsp;

Wäre das Submenü im Markup (HTML Aufbau) dem Menüpunkt jeweils untergeordnet, würde es von Standart aus gehen.

LG Arya

---

<div class="post-metadata">

### Author: ![nadjak](https://avatars.discourse-cdn.com/v4/letter/n/ec9cab/32.png) [@nadjak](https://forum.shopware.com/u/nadjak)
#### Post date: [20. Januar 2017 um 08:14 UTC](https://forum.shopware.com/t/advanced-menu-eintrage-untereinander/42858/7 "2017-01-20T08:14:55Z")

</div>

Vielen Dank. Du hast mir sehr geholfen.  
lg Nadja

---

<div class="post-metadata">

### Author: ![Arya\_Svitkona](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/arya_svitkona/32/15319_2.png) [@Arya\_Svitkona](https://forum.shopware.com/u/Arya_Svitkona)
#### Post date: [20. Januar 2017 um 08:15 UTC](https://forum.shopware.com/t/advanced-menu-eintrage-untereinander/42858/8 "2017-01-20T08:15:56Z")

</div>

Keine Ursache 🙂  
Viel Erfolg und ein schönes Wochenende!

---

<div class="post-metadata">

### Author: ![Philipp\_HM](https://avatars.discourse-cdn.com/v4/letter/p/f05b48/32.png) [@Philipp\_HM](https://forum.shopware.com/u/Philipp_HM)
#### Post date: [7. Februar 2017 um 15:20 UTC](https://forum.shopware.com/t/advanced-menu-eintrage-untereinander/42858/9 "2017-02-07T15:20:40Z")

</div>

Hallo Zusammen,  
ich habe auch mit dem erweiteren Menü ein Problem. Ich habe wie hier beschrieben [LINK](http://8mylez.com/blog/plugin-theme-struktur-ueberschreiben-und-plugins-individuell-anpassen/)&nbsp;das erweiteres Menü in mein Theme kopiert und die less Datei angepasst.  
Die Einstellungen werden auch gezogen, lediglich das Ändern der Spaltenanzahl wird nicht durchgeführt…

Ich habe in der advanced-menue.less einfach die weiteren Spalten auskommentiert. Im orignial Verzeichnis des Plugins funktioniert das auch, nur im eigenen Theme Verzeichnis nicht.

&nbsp;

Angepasste advanced-menue.less:

&nbsp;&nbsp;&nbsp; .menu–level-0 {  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .unitize-padding(10, 10, 0, 10);  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; float: left;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; -webkit-column-break-inside: avoid;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; page-break-inside: avoid;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; break-inside: avoid;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &.columns–1 {.column-count(1); }  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /\*  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &.columns–2 {.column-count(2); }  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &.columns–3 {.column-count(3); }  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &.columns–4 {.column-count(4); }&nbsp;  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \*/  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }

&nbsp;

Vielleicht gibt es ja noch einen anderen Weg der funktioniert? Vielen Dank für Eure Hilfe.

Gruß Philipp

&nbsp;

&nbsp;
