# Advanced Menu - Darstellungsfehler in Firefox

**URL:** <https://forum.shopware.com/t/advanced-menu-darstellungsfehler-in-firefox/47832>\
**Category:** Shopware 5\
**Created:** [25. August 2017 um 12:45 UTC](https://forum.shopware.com/t/advanced-menu-darstellungsfehler-in-firefox/47832 "2017-08-25T12:45:30Z")\
**Posts on this page:** 10\
**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:45 UTC](https://forum.shopware.com/t/advanced-menu-darstellungsfehler-in-firefox/47832/1 "2017-08-25T12:45:30Z")

</div>

Hallo zusammen,

habe einen Darstellungsfehler des Advanced Menus in Firefox, da wird der Kategorie-Text einer Kategorie auf zwei oder mehr Spalten aufgeteilt, während es im Chrome einwandfrei läuft.

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

Hier der verwendete 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 12:54 UTC](https://forum.shopware.com/t/advanced-menu-darstellungsfehler-in-firefox/47832/2 "2017-08-25T12:54:12Z")

</div>

Schick mal Screenshot, was Du genau meinst…

---

<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:12 UTC](https://forum.shopware.com/t/advanced-menu-darstellungsfehler-in-firefox/47832/3 "2017-08-25T13:12:18Z")

</div>

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

&nbsp;

&nbsp;

&nbsp;

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/9/9dbe74a0862c1aa503cbdd7d94acc83e87660dd3.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:25 UTC](https://forum.shopware.com/t/advanced-menu-darstellungsfehler-in-firefox/47832/4 "2017-08-25T13:25:06Z")

</div>

Du musst Platz schaffen, die Kategorienamen sind zu lange bzw. der Font ist zu groß. Mit font-size: 14px würde es schon mal nicht umbrechen,aber ich denke Du willst es so groß haben, oder?

---

<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:30 UTC](https://forum.shopware.com/t/advanced-menu-darstellungsfehler-in-firefox/47832/5 "2017-08-25T13:30:56Z")

</div>

```
display: inline-block;

```

Könnte helfen…

---

<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:33 UTC](https://forum.shopware.com/t/advanced-menu-darstellungsfehler-in-firefox/47832/6 "2017-08-25T13:33:09Z")

</div>

&nbsp;

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

Probier das mal…

---

<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:40 UTC](https://forum.shopware.com/t/advanced-menu-darstellungsfehler-in-firefox/47832/7 "2017-08-25T13:40:41Z")

</div>

Du bisch de Bescht. Häsch Dir bald en Schinke verdient 😉

---

<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:41 UTC](https://forum.shopware.com/t/advanced-menu-darstellungsfehler-in-firefox/47832/8 "2017-08-25T13:41:40Z")

</div>

Ja, nur her damit…, leckääää!

---

<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:51 UTC](https://forum.shopware.com/t/advanced-menu-darstellungsfehler-in-firefox/47832/9 "2017-08-25T13:51:11Z")

</div>

Speck oder Schinken?  
[team@scharzwald-maria.de](mailto:team@scharzwald-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 17:37 UTC](https://forum.shopware.com/t/advanced-menu-darstellungsfehler-in-firefox/47832/10 "2017-08-25T17:37:46Z")

</div>

Du hattest ja gesagt, dass Du die Schriftgröße sehr groß findest.

Ich finde auch, dass es im Firefox zu groß ist, komischerweise aber unterschiedlich zum Chrome.