# Advanced Menu - Aufklappebene nicht bündigt zur Main-Menu-Ebene

**URL:** <https://forum.shopware.com/t/advanced-menu-aufklappebene-nicht-bundigt-zur-main-menu-ebene/47833>\
**Category:** Themes & Design\
**Created:** [25. August 2017 um 12:48 UTC](https://forum.shopware.com/t/advanced-menu-aufklappebene-nicht-bundigt-zur-main-menu-ebene/47833 "2017-08-25T12:48:25Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![schwarzwald-maria](https://avatars.discourse-cdn.com/v4/letter/s/a6a055/32.png) [@schwarzwald-maria](https://forum.shopware.com/u/schwarzwald-maria)\
**Post date:** [25. August 2017 um 12:48 UTC](https://forum.shopware.com/t/advanced-menu-aufklappebene-nicht-bundigt-zur-main-menu-ebene/47833/1 "2017-08-25T12:48:25Z")

</div>

Hallo zusammen,

ich hätte im Advanced Menu gerne dass das Aufklappmenu bündig zur Main-Menu-Ebene ist.  
Dazu müsste man ja die Item-Breite irgendwo einstellen können, oder kann man das nur über .unitize-max-width steuern?

Hier der Code:

```
// Advanced menu container that contains every category listing
@adv-menu-header-bg: #8a4631; //Hover
@adv-menu-header-text-color: #ff5050;//Hover Textfarbe
@adv-menu-bg: #F3E2A9;//Rand Aufklappmenu Aufklappmenu
@adv-menu-text-color: #FA58F4;
@adv-menu-link-color: #333333;//Textfarbe Kategorielinks
@adv-menu-link-hover-color: #F01F1F;
@adv-menu-delimiter: #a9945d;
@adv-menu-teaser-link-color: #111111;
@adv-menu-teaser-link-hover-color: #ff5050;

.advanced-menu {
    .unitize-max-width(1890, 30);
}

.advanced-menu .menu--list-item {
  text-align: center;
}

.advanced-menu .menu--teaser {
  display: none;
}

.advanced-menu .teaser--image {
  display: none;
}

.advanced-menu .button-container {
  display: none;
}

// Hintergrund Aufklappmenu
.advanced-menu .content--wrapper {
        .unitize-margin(0, 30);
        background-color: #F3E2A9;
    }

//Spaltenanzahl verändern
.advanced-menu .menu--level-0 {
    .unitize-padding(10, 10, 0, 10);
    float: left;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;

    &.columns--1 {
        .column-count(1);
    }
    &.columns--2 {
        .column-count(2);
    }
    &.columns--3 {
        .column-count(3);
    }
    &.columns--4 {
        .column-count(6);
    }
}

//Aufklappmenu Abstand nach unten
.advanced-menu .item--level-0 {
    .unitize(padding-bottom, 10);
    .menu--list-item-link {
      font-size: 14px;
    }
  }

.advanced-menu .item-level-1 {
    .unitize(padding-bottom, 10);
    .menu--list-item-link {
      font-size: 13px;
    }
}

//Abstände Aufklappmenu Desktop
@media screen and (min-width: @desktopViewportWidth) {
    .advanced-menu .content--wrapper {
        .unitize-margin(0, 40);
    }

    //Schriftgrößen Aufklappmenu
    .advanced-menu .item--level-0 {
        .menu--list-item-link {
          font-size: 18px;
        }
      }

    .advanced-menu .item-level-1 {
        .menu--list-item-link {
          font-size: 16px;
          font-weight: normal;
        }
    }
}

```

Beste Grüße aus dem Schwarzwald  
Thomas Knab

---

<div class="post-metadata">

**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\
**Post date:** [25. August 2017 um 13:00 UTC](https://forum.shopware.com/t/advanced-menu-aufklappebene-nicht-bundigt-zur-main-menu-ebene/47833/2 "2017-08-25T13:00:48Z")

</div>

Was hast Du in den Advanced Menu Einstellungen stehen? Teaser Breite?

---

<div class="post-metadata">

**Author:** ![schwarzwald-maria](https://avatars.discourse-cdn.com/v4/letter/s/a6a055/32.png) [@schwarzwald-maria](https://forum.shopware.com/u/schwarzwald-maria)\
**Post date:** [25. August 2017 um 13:09 UTC](https://forum.shopware.com/t/advanced-menu-aufklappebene-nicht-bundigt-zur-main-menu-ebene/47833/3 "2017-08-25T13:09:12Z")

</div>

Salli Murmeltier,

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

---

<div class="post-metadata">

**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\
**Post date:** [25. August 2017 um 13:10 UTC](https://forum.shopware.com/t/advanced-menu-aufklappebene-nicht-bundigt-zur-main-menu-ebene/47833/4 "2017-08-25T13:10:30Z")

</div>

Mach mal Breite des Teaser = 50%!

---

<div class="post-metadata">

**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\
**Post date:** [25. August 2017 um 13:11 UTC](https://forum.shopware.com/t/advanced-menu-aufklappebene-nicht-bundigt-zur-main-menu-ebene/47833/5 "2017-08-25T13:11:17Z")

</div>

Und dann setz mal ein Teaser ein…

---

<div class="post-metadata">

**Author:** ![schwarzwald-maria](https://avatars.discourse-cdn.com/v4/letter/s/a6a055/32.png) [@schwarzwald-maria](https://forum.shopware.com/u/schwarzwald-maria)\
**Post date:** [25. August 2017 um 13:46 UTC](https://forum.shopware.com/t/advanced-menu-aufklappebene-nicht-bundigt-zur-main-menu-ebene/47833/6 "2017-08-25T13:46:57Z")

</div>

Habe Teaser auf 50% gesetzt und die display:none-Geschichten rausgenommen, dass das Bild nicht contained muss ja jetzt erst mal nciht interessieren?  
An der Breite ändert dass leider erst mal nichts

[http://dev.schwarzwald-maria.de](http://dev.schwarzwald-maria.de)

---

<div class="post-metadata">

**Author:** ![schwarzwald-maria](https://avatars.discourse-cdn.com/v4/letter/s/a6a055/32.png) [@schwarzwald-maria](https://forum.shopware.com/u/schwarzwald-maria)\
**Post date:** [25. August 2017 um 13:47 UTC](https://forum.shopware.com/t/advanced-menu-aufklappebene-nicht-bundigt-zur-main-menu-ebene/47833/7 "2017-08-25T13:47:33Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\
**Post date:** [25. August 2017 um 13:53 UTC](https://forum.shopware.com/t/advanced-menu-aufklappebene-nicht-bundigt-zur-main-menu-ebene/47833/8 "2017-08-25T13:53:26Z")

</div>

Ja, ich denke Du bastelst da ganz ordnentlich rum…, von daher weis ich nicht, was Du vorher schon alles gemacht hast? Ich würde Dir dringend raten, eine eigene CSS Datei einzubinden, damit Du immer weißt, was Du geändert hast…

---

<div class="post-metadata">

**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\
**Post date:** [25. August 2017 um 13:57 UTC](https://forum.shopware.com/t/advanced-menu-aufklappebene-nicht-bundigt-zur-main-menu-ebene/47833/9 "2017-08-25T13:57:23Z")

</div>

Nimm mal das max-width: 63 rem raus… 😉

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

---

<div class="post-metadata">

**Author:** ![schwarzwald-maria](https://avatars.discourse-cdn.com/v4/letter/s/a6a055/32.png) [@schwarzwald-maria](https://forum.shopware.com/u/schwarzwald-maria)\
**Post date:** [25. August 2017 um 16:33 UTC](https://forum.shopware.com/t/advanced-menu-aufklappebene-nicht-bundigt-zur-main-menu-ebene/47833/10 "2017-08-25T16:33:46Z")

</div>

Salli,

herzlichen Dank. Ich habe da schon eine eigene all.less eingebunden, wie es sich gehört ;-).  
Das mit dem Schinken war durchaus ernst gemeint, schick mir Deine Adresse an [team@schwarzwald-maria.de](mailto:team@schwarzwald-maria.de) dann kommt einer frei Haus.  
War gerade unterwegs Schnäpsle holen, deshalb die späte Antwort.

Liebe Grüße  
Thomas

---

<div class="post-metadata">

**Author:** ![schwarzwald-maria](https://avatars.discourse-cdn.com/v4/letter/s/a6a055/32.png) [@schwarzwald-maria](https://forum.shopware.com/u/schwarzwald-maria)\
**Post date:** [25. August 2017 um 16:58 UTC](https://forum.shopware.com/t/advanced-menu-aufklappebene-nicht-bundigt-zur-main-menu-ebene/47833/11 "2017-08-25T16:58:03Z")

</div>

Zu meinem vollendeten Glück würden mir noch 2 Dinge fehlen.

1.) Vertikale Zentrierung

2.) Das ich genauer definieren kann nach wieviel Buchstaben, bzw. welcher Länge er die Wörter bricht.

---

<div class="post-metadata">

**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\
**Post date:** [28. August 2017 um 09:35 UTC](https://forum.shopware.com/t/advanced-menu-aufklappebene-nicht-bundigt-zur-main-menu-ebene/47833/12 "2017-08-28T09:35:41Z")

</div>

Den Umbruch kannst Du evtl. mit **`­`** (_soft hyphen_) definieren: [Bedingter Trennstrich – Wikipedia](https://de.wikipedia.org/wiki/Weiches_Trennzeichen)

Also so z.B.:

```
Schwarz­wald­schinken

```

&nbsp;

&nbsp;