# Navigationsleiste anpassen **URL:** \ **Category:** Allgemein\ **Created:** [4. September 2015 um 12:39 UTC](https://forum.shopware.com/t/navigationsleiste-anpassen/30221 "2015-09-04T12:39:06Z")\ **Posts on this page:** 15\ **Page:** 1
**Author:** ![inttrade](https://avatars.discourse-cdn.com/v4/letter/i/46a35a/32.png) [@inttrade](https://forum.shopware.com/u/inttrade)\ **Post date:** [4. September 2015 um 12:39 UTC](https://forum.shopware.com/t/navigationsleiste-anpassen/30221/1 "2015-09-04T12:39:06Z")
Hallo Leute, ich versuche seit Tagen die Menüleiste zu bearbeiten und zwar die Farbe einer bestimmter Kategorie zu ändern ohne erfolg. Kann mir einer vielleicht sagen wo ich es ändern kann? Es soll so aussehen: [Your text to link here…](http://www.salestreet.de/media/image/sale.png) also die Kategorie SALE Hintergrundfarbe „Rot“ Danke! Viele Grüße ---
**Author:** ![inttrade](https://avatars.discourse-cdn.com/v4/letter/i/46a35a/32.png) [@inttrade](https://forum.shopware.com/u/inttrade)\ **Post date:** [14. September 2015 um 22:08 UTC](https://forum.shopware.com/t/navigationsleiste-anpassen/30221/2 "2015-09-14T22:08:26Z")
Hallo, kann mir keiner helfen??? ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [14. September 2015 um 22:16 UTC](https://forum.shopware.com/t/navigationsleiste-anpassen/30221/3 "2015-09-14T22:16:07Z")
#mainNavigation ul \> li:first-child + li { background:red; } -\> [https://jsfiddle.net/rxjgjL2h/](https://jsfiddle.net/rxjgjL2h/) ---
**Author:** ![inttrade](https://avatars.discourse-cdn.com/v4/letter/i/46a35a/32.png) [@inttrade](https://forum.shopware.com/u/inttrade)\ **Post date:** [14. September 2015 um 22:59 UTC](https://forum.shopware.com/t/navigationsleiste-anpassen/30221/4 "2015-09-14T22:59:14Z")
Danke Kayyy, leider habe ich es nicht verstanden. ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [14. September 2015 um 23:21 UTC](https://forum.shopware.com/t/navigationsleiste-anpassen/30221/5 "2015-09-14T23:21:10Z")
Was hast du nicht verstanden? Die Lösung steht doch da ? :x ---
**Author:** ![inttrade](https://avatars.discourse-cdn.com/v4/letter/i/46a35a/32.png) [@inttrade](https://forum.shopware.com/u/inttrade)\ **Post date:** [15. September 2015 um 13:07 UTC](https://forum.shopware.com/t/navigationsleiste-anpassen/30221/6 "2015-09-15T13:07:58Z")
Danke Kayyy, ich habe es eingesetzt, hat sich nichts verändert. Ich muss doch einfach den Satz " li:first-child + li {background:red;}" hinter dem ul eintragen? Sorry, bin noch nicht so weit mit dem programmieren:wtf: ---
**Author:** ![trixx](https://avatars.discourse-cdn.com/v4/letter/t/b5e925/32.png) [@trixx](https://forum.shopware.com/u/trixx)\ **Post date:** [15. September 2015 um 17:38 UTC](https://forum.shopware.com/t/navigationsleiste-anpassen/30221/7 "2015-09-15T17:38:29Z")
Hi, also erstmal müsste der Code wie folgt aussehen: `.navigation-main ul \> li:first-child + li { background:red; }` Und nicht #mainNavigation dass hat bei mir auch nicht funktioniert. Allerdings wird beim obigen Code nicht der erste Menüpunkt entspreched eingefärbt, sondern nur die unteren Menüpunkte aus dem Dropdwodn Menü, bzw. haben diese dann einen roten Hintergrund. Wenn jemand noch nen Tipp hat wie das ganze richtig funktioniert, her damit, hätte ich auch Interesse dran… 😉 Gruß ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [15. September 2015 um 17:55 UTC](https://forum.shopware.com/t/navigationsleiste-anpassen/30221/8 "2015-09-15T17:55:00Z")
> [@trixx](#): > > Hi, also erstmal müsste der Code wie folgt aussehen: `.navigation-main ul \> li:first-child + li { background:red; }` Und nicht #mainNavigation dass hat bei mir auch nicht funktioniert. ---
**Author:** ![trixx](https://avatars.discourse-cdn.com/v4/letter/t/b5e925/32.png) [@trixx](https://forum.shopware.com/u/trixx)\ **Post date:** [15. September 2015 um 17:57 UTC](https://forum.shopware.com/t/navigationsleiste-anpassen/30221/9 "2015-09-15T17:57:00Z")
[quote=„kayyy“][quote=„trixx“]Hi, also erstmal müsste der Code wie folgt aussehen: `.navigation-main ul \> li:first-child + li { background:red; }` Und nicht #mainNavigation dass hat bei mir auch nicht funktioniert.[/quote] Er redet aber von Shopware 4 und nicht von Shopware 5 … zumindest dem Bild nach.[/quote] Wie kommst Du darauf? Ist doch in SW 5 Bereich gepostet… ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [15. September 2015 um 17:59 UTC](https://forum.shopware.com/t/navigationsleiste-anpassen/30221/10 "2015-09-15T17:59:08Z")
[quote=“trixx”][quote=“kayyy”][quote=“trixx”]Hi, also erstmal müsste der Code wie folgt aussehen: `.navigation-main ul \> li:first-child + li { background:red; }` Und nicht #mainNavigation dass hat bei mir auch nicht funktioniert.[/quote] Er redet aber von Shopware 4 und nicht von Shopware 5 … zumindest dem Bild nach.[/quote] Wie kommst Du darauf? Ist doch in SW 5 Bereich gepostet…[/quote] Schau dir das Bild an, was er gepostet hat. Vielleicht hat er es auch verwechselt keine Ahnung. Aber aufgrund des Bildes ging ich jetzt hier von Shopware 4 aus. ---
**Author:** ![trixx](https://avatars.discourse-cdn.com/v4/letter/t/b5e925/32.png) [@trixx](https://forum.shopware.com/u/trixx)\ **Post date:** [15. September 2015 um 18:02 UTC](https://forum.shopware.com/t/navigationsleiste-anpassen/30221/11 "2015-09-15T18:02:36Z")
[quote=“kayyy”] Schau dir das Bild an, was er gepostet hat. Vielleicht hat er es auch verwechselt keine Ahnung. Aber aufgrund des Bildes ging ich jetzt hier von Shopware 4 aus.[/quote] Ah ok, dass hatte ich mir nur flüchtig angeguckt, war mir garnicht aufgefallen, aber dass zeigt die 4er das stimmt. Hmm… aber bei der 5 müsste das ja eigentlich ähnlich sein oder? ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [15. September 2015 um 18:06 UTC](https://forum.shopware.com/t/navigationsleiste-anpassen/30221/12 "2015-09-15T18:06:37Z")
Bei Shopware 5 wäre es dann ` .navigation-main { .navigation--entry { &:first-child + li { .navigation--link { background:red; } } } }` Sollte glaube ich so gehen - ungetestet. Ansonsten halt ganz normal mit CSS `.navigation-main li:first-child + li a { background:red; }` ---
**Author:** ![trixx](https://avatars.discourse-cdn.com/v4/letter/t/b5e925/32.png) [@trixx](https://forum.shopware.com/u/trixx)\ **Post date:** [15. September 2015 um 18:15 UTC](https://forum.shopware.com/t/navigationsleiste-anpassen/30221/13 "2015-09-15T18:15:46Z")
[quote=„kayyy“]Bei Shopware 5 wäre es dann ` .navigation-main { .navigation--entry { &:first-child + li { .navigation--link { background:red; } } } }` Sollte glaube ich so gehen - ungetestet. Ansonsten halt ganz normal mit CSS `.navigation-main li:first-child + li a { background:red; }`[/quote] Very nice 😃 `.navigation-main { .navigation--entry { &:first-child + li { .navigation--link { background:red; } } } }` In meine mymain-navigation.less reingehauen und funzt thx. Gruß ---
**Author:** ![inttrade](https://avatars.discourse-cdn.com/v4/letter/i/46a35a/32.png) [@inttrade](https://forum.shopware.com/u/inttrade)\ **Post date:** [15. September 2015 um 20:55 UTC](https://forum.shopware.com/t/navigationsleiste-anpassen/30221/14 "2015-09-15T20:55:52Z")
Shopware 4 ---
**Author:** ![inttrade](https://avatars.discourse-cdn.com/v4/letter/i/46a35a/32.png) [@inttrade](https://forum.shopware.com/u/inttrade)\ **Post date:** [17. September 2015 um 13:31 UTC](https://forum.shopware.com/t/navigationsleiste-anpassen/30221/15 "2015-09-17T13:31:02Z")
Hallolchen, wie mache ich in dem Shopware4 ? DANKE