Gelöst ... Änderung der Top-Navigation in 2-Zeilen - Hilfe

Shopware 5 Programmierung
1

Hallo ihr lieben,

ich arbeite mich seit einiger Zeit gut in Shopware rein. Auch das eine oder andere Programmieren klappt, jedoch stehe ich vor einem Problem und hoffe ihr könnt mir helfen bzw. sogar eine Lösung bieten.

 

Die Top-Navigation ist in Shopware einzeilig gestaltet, bei Überlänge erscheint Rechts und Links ein Pfeil. Was Optisch nicht schön aussieht, als Kunde würde ich doch gerne alle Kategorien direkt sehen.

Ich möchte gerne es so haben, ab dem Punkt wo eigentlich der Pfeil kommt ein Umbruch stattfindet in eine zweite Zeile z.B So:

Aktuell:

11111 22222 33333 44444 55555 66666 77777 88888 99999 …. > 00000

Neu:

11111 22222 33333 44444 55555 66666 77777 88888 99999

00000

 

Kann mir jemand sagen was ich machen muss und wo ?

Lieben Gruß Maria

P.s Ich nutze das Theme von TC-Innovations GmbH

https://store.shopware.com/tcinn38465013210/themeware-living-customizable-responsive-theme.html

2

Bin ich grundlegend kein Fan von, da wenn man über die obere Zeile fährt und sich das Dropdown öffnet, die untere überblendet wird. Will man diese sehen. muss man aus dem kompletten Dropdown rausfahren, um es wieder zuzklappen. Finde das in manchen Shop echt stören. Geschweige davon, das es nicht schön aussieht. Besser Kategorien entschlacken und mit mehr definierten Untermenus arbeiten.

3

Hallo @bulz‍,

vielen Dank für Deine Antwort.

Wir haben das “Dropdown” deaktiviert, somit überlagert sich auch nichts und auch die Kategorie entschlacken ist leider nicht möglich.

Daher bleibt nur das zwei-Zeilige :frowning:

Wohmal dies auch fast alle großen Bekannten Seiten haben.

 

4

Also hier einmal meine Lösung, weiß nur nicht ob es nur in dem Oben gennaten Theme geht oder auch im Standard.

Hier der Code:

@media screen and (min-width: 48em) {
  .navigation-main .navigation--list {
    white-space: normal !important;
  }
}

 

HINWEIS : Dropdown muss ambesten ausgeblendet werden (bei dieser Art)

Hoffe ich konnte Helfen.