# Umbruch in der Kategorieübersicht

**URL:** <https://forum.shopware.com/t/umbruch-in-der-kategorieuebersicht/91317>\
**Category:** Themes & Design\
**Created:** [5. November 2021 um 13:22 UTC](https://forum.shopware.com/t/umbruch-in-der-kategorieuebersicht/91317 "2021-11-05T13:22:34Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![j.adirondack](https://avatars.discourse-cdn.com/v4/letter/j/e56c9b/32.png) [@j.adirondack](https://forum.shopware.com/u/j.adirondack)\
**Post date:** [5. November 2021 um 13:22 UTC](https://forum.shopware.com/t/umbruch-in-der-kategorieuebersicht/91317/1 "2021-11-05T13:22:34Z")

</div>

Servus, ich versuche aktuell auf unserer Website [www.imkerei-schiesser.de](http://www.imkerei-schiesser.de) die Kategorien bei dem Reiter „HONIGHALLE“ schön anzeigen zu lassen. Leider werden alle Unterkategorien von „Unser Sortiment“ nur in einer langen Reihe angezeigt, sodass man runterscrollen muss um alle Kategorien zu sehen. Ich würde gerne einen Umbruch nach der „Unverpackt“-Kategorie (also nach der Unterkategorie „Vegan“) erzeugen, sodass alles auf einer Seite ist, ohne dass alles dick gedruckt wird (es soll also alles außerhalb des Sortiments dick gedruckt sein). Es wär super, wenn da jemand einen Tipp zu hat, danke schonmal im Vorraus! [Screenshot 2021-10-29 150254|690x460](https://forum.shopware.com/uploads/short-url/fH20CEvjaSIugDxgJyy2wzhHUmG.jpeg)

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [5. November 2021 um 14:14 UTC](https://forum.shopware.com/t/umbruch-in-der-kategorieuebersicht/91317/2 "2021-11-05T14:14:38Z")

</div>

Im Firefox geht es, im Google Chrome nicht. Vermutlich passen die CSS-Anweisungen so nicht zusammen. Jeder Browser interpretiert es anders. In solchen Fällen würde ICH den CSS-Code zurücksetzen und noch mal von vorn das ganze anpassen und darauf achten, dass es in allen gängigen Browsern klappt.

Das Fehlverhalten wird vermutlich durch diesen CSS-Code verursacht:

```auto
.advanced-menu .item--level-0 {
  padding-bottom: 40px;
  padding-bottom: 2.5rem; <--- doppelter Eintrag!
  display: block;
  position: relative;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

```

Einfach mal Parameter zurücksetzen und testen:

```auto
.advanced-menu .item--level-0 {
  padding-bottom: 0;
  display: block;
  position: relative;
  -webkit-column-break-inside: auto;
  page-break-inside: auto;
  break-inside: auto;
}

```

---

<div class="post-metadata">

**Author:** ![j.adirondack](https://avatars.discourse-cdn.com/v4/letter/j/e56c9b/32.png) [@j.adirondack](https://forum.shopware.com/u/j.adirondack)\
**Post date:** [5. November 2021 um 15:11 UTC](https://forum.shopware.com/t/umbruch-in-der-kategorieuebersicht/91317/3 "2021-11-05T15:11:43Z")

</div>

Das klingt schonmal super. Du kannst mir nicht zufällig noch sagen wo ich grob diese CSS Datei finde? Das Problem ist, das unsere Firma vorher ein anderes Unternehmen mit der Websitegestaltung beauftragt hat und ich deshalb leider nicht so den Überblick habe… Ich hätte es jetzt irgendwo unter Themes/Frontend erwartet aber die ganzen css ordner sind leider komplett leer bzw befindet sich ab und zu nur mal eine leere .gitkeep Datei darin?

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [5. November 2021 um 15:33 UTC](https://forum.shopware.com/t/umbruch-in-der-kategorieuebersicht/91317/4 "2021-11-05T15:33:50Z")

</div>

> [@j.adirondack](#):
>
> nicht so den Überblick habe

Nun ja, das geht mir aus der Ferne irgendwie ähnlich. Ich weiß nicht wie euer Theme mit den CSS-Dateien angelegt wurde. Die Anpassung ist aber etwas globales, da sollte irgendwo eine globales CSS- oder LESS-Datei vorhanden sein. Aber von hier aus kann ich auch nur raten. Aus dem Quelltext kann ich die Information nicht korrekt auslesen, da eure CSS komprimiert wird.

---

<div class="post-metadata">

**Author:** ![j.adirondack](https://avatars.discourse-cdn.com/v4/letter/j/e56c9b/32.png) [@j.adirondack](https://forum.shopware.com/u/j.adirondack)\
**Post date:** [12. November 2021 um 09:11 UTC](https://forum.shopware.com/t/umbruch-in-der-kategorieuebersicht/91317/6 "2021-11-12T09:11:41Z")

</div>

Alles klar, dann trotzdem vielen Dank. Dann werde ich mich mal auf die Suche danach begeben. ^^

---

<div class="post-metadata">

**Author:** ![chanelnicoleyu97](https://avatars.discourse-cdn.com/v4/letter/c/e9a140/32.png) [@chanelnicoleyu97](https://forum.shopware.com/u/chanelnicoleyu97)\
**Post date:** [13. Januar 2022 um 07:25 UTC](https://forum.shopware.com/t/umbruch-in-der-kategorieuebersicht/91317/7 "2022-01-13T07:25:42Z")

</div>

Thanks for sharing this information. It was very useful[.](https://www.mcdvoice.tips/)