# Navigationsmenü neu gestalten

**URL:** https://forum.shopware.com/t/navigationsmenu-neu-gestalten/12458
**Category:** Shopware 3.5
**Tags:** themes--design
**Created:** [2. April 2013 um 14:45 UTC](https://forum.shopware.com/t/navigationsmenu-neu-gestalten/12458 "2013-04-02T14:45:43Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![icrazy](https://avatars.discourse-cdn.com/v4/letter/i/ecc23a/32.png) [@icrazy](https://forum.shopware.com/u/icrazy)
#### Post date: [2. April 2013 um 14:45 UTC](https://forum.shopware.com/t/navigationsmenu-neu-gestalten/12458/1 "2013-04-02T14:45:43Z")

</div>

Hallo, möchte das Navigationsmenü (Dropdown) auf mein Deisgn ändern. Einige Punkte habe ich gefunden, aber einige auch nicht. Beispiel: - Die Rahmen beim drüberfahren der Dropdown Menüs. - der Hover Effekt des „Home“ Links, der wird beim drüber fahren größer. Wo kann ich denn diese Einstellungen vornehmen. Firebug erkennt die hover Funktion im CSS Code nicht (oder besser gesagt ich bin zu blöd 🙂 ) Eigentlich wäre das Design was auf [Shopware.de](http://Shopware.de) zu finden ist (gleiches Menü) optimal. Im Emotion Template sieht es einfach bischen anders aus. Unterkategorien sollten aber mit dabei sein, diese gibt es unter [shopware.de](http://shopware.de) ja nicht. Danke

---

<div class="post-metadata">

### Author: ![icrazy](https://avatars.discourse-cdn.com/v4/letter/i/ecc23a/32.png) [@icrazy](https://forum.shopware.com/u/icrazy)
#### Post date: [2. April 2013 um 22:38 UTC](https://forum.shopware.com/t/navigationsmenu-neu-gestalten/12458/2 "2013-04-02T22:38:45Z")

</div>

wer kann hier helfen?

---

<div class="post-metadata">

### Author: ![ErikBrinx](https://avatars.discourse-cdn.com/v4/letter/e/b5ac83/32.png) [@ErikBrinx](https://forum.shopware.com/u/ErikBrinx)
#### Post date: [2. April 2013 um 22:50 UTC](https://forum.shopware.com/t/navigationsmenu-neu-gestalten/12458/3 "2013-04-02T22:50:39Z")

</div>

Hallo, Firebug erkennt die Hover-Funktionen, Du musst das Fenster von Firebug höher ziehen und beim Rechtsklick am Hovereffekt die Tastenpfeile Deiner Tastatur benutzen. Grüße Erik!

---

<div class="post-metadata">

### Author: ![icrazy](https://avatars.discourse-cdn.com/v4/letter/i/ecc23a/32.png) [@icrazy](https://forum.shopware.com/u/icrazy)
#### Post date: [3. April 2013 um 09:01 UTC](https://forum.shopware.com/t/navigationsmenu-neu-gestalten/12458/4 "2013-04-03T09:01:53Z")

</div>

ich bekomme alles hin, bis auf die Menüpunkte, das schwarze bekomme ich nciht weg und die grauen Menüpunkte bei hover. Wo finde ich die Einträge? alle #mainnavigation Einträge habe ich versucht und nichts gefunden

---

<div class="post-metadata">

### Author: ![icrazy](https://avatars.discourse-cdn.com/v4/letter/i/ecc23a/32.png) [@icrazy](https://forum.shopware.com/u/icrazy)
#### Post date: [3. April 2013 um 12:13 UTC](https://forum.shopware.com/t/navigationsmenu-neu-gestalten/12458/5 "2013-04-03T12:13:21Z")

</div>

so nun fehlt mir nur noch der schwarze Hintergrund des Menüs (Dropdown). Alles andere habe ich. Kann mir hier jemand kurz helfen? Danke

---

<div class="post-metadata">

### Author: ![icrazy](https://avatars.discourse-cdn.com/v4/letter/i/ecc23a/32.png) [@icrazy](https://forum.shopware.com/u/icrazy)
#### Post date: [4. April 2013 um 08:51 UTC](https://forum.shopware.com/t/navigationsmenu-neu-gestalten/12458/6 "2013-04-04T08:51:02Z")

</div>

kann ja fast nicht sein, dass das keiner weis oder?

---

<div class="post-metadata">

### Author: ![erzshop](https://avatars.discourse-cdn.com/v4/letter/e/e9bcb4/32.png) [@erzshop](https://forum.shopware.com/u/erzshop)
#### Post date: [3. Mai 2013 um 17:39 UTC](https://forum.shopware.com/t/navigationsmenu-neu-gestalten/12458/7 "2013-05-03T17:39:43Z")

</div>

Hast Du schon eine Lösung gefunden. Ich stehe vor dem gleichen Problem.

---

<div class="post-metadata">

### Author: ![designyouweb](https://avatars.discourse-cdn.com/v4/letter/d/8dc957/32.png) [@designyouweb](https://forum.shopware.com/u/designyouweb)
#### Post date: [3. Mai 2013 um 18:21 UTC](https://forum.shopware.com/t/navigationsmenu-neu-gestalten/12458/8 "2013-05-03T18:21:59Z")

</div>

Hi, der Hintergrund des Dropdowns ist in der CSS geregelt unter: `#mainNavigation li:hover ul.dropdown, #mainNavigation li:hover ul.droplevel` Achtung - es ist der Dropdown Hintergrund und nicht der Dropdown:hover Mfg

---

<div class="post-metadata">

### Author: ![erzshop](https://avatars.discourse-cdn.com/v4/letter/e/e9bcb4/32.png) [@erzshop](https://forum.shopware.com/u/erzshop)
#### Post date: [4. Mai 2013 um 10:53 UTC](https://forum.shopware.com/t/navigationsmenu-neu-gestalten/12458/9 "2013-05-04T10:53:42Z")

</div>

Das stimmt nicht ganz. Ich habe jetzt aus der emotion.css (Emotion-Theme) die Zeile 905 #mainNavigation a:hover span {background: #000; color: #fff; margin: 0px 0; height: 38px; line-height: 40px;} in meine Style-Datei kopiert und den Hintergrund nach meinem Wunsch hin geändert. Damit kann man den schwarzen Standard-Hintergrund beim Hover-Effekt nach eigenen Wünschen abändern.

---

<div class="post-metadata">

### Author: ![designyouweb](https://avatars.discourse-cdn.com/v4/letter/d/8dc957/32.png) [@designyouweb](https://forum.shopware.com/u/designyouweb)
#### Post date: [4. Mai 2013 um 11:28 UTC](https://forum.shopware.com/t/navigationsmenu-neu-gestalten/12458/10 "2013-05-04T11:28:15Z")

</div>

Hab doch geschrieben das meins nicht der Hover ist.
