# Hauptmenü unterteilen

**URL:** <https://forum.shopware.com/t/hauptmenu-unterteilen/22465>\
**Category:** Shopware 3.5\
**Tags:** programming\
**Created:** [17. September 2014 um 09:48 UTC](https://forum.shopware.com/t/hauptmenu-unterteilen/22465 "2014-09-17T09:48:49Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![mediameans](https://avatars.discourse-cdn.com/v4/letter/m/a5b964/32.png) [@mediameans](https://forum.shopware.com/u/mediameans)\
**Post date:** [17. September 2014 um 09:48 UTC](https://forum.shopware.com/t/hauptmenu-unterteilen/22465/1 "2014-09-17T09:48:49Z")

</div>

Hallo Community, ich verwende in meinem Theme das Standard Menü(mainNavigation), ich würde gerne zwischen dem 2. und 3. Menüpunkt einen etwas größeren Abstand einfügen. Anbei eine Grafik zur Veranschaulichung. Versucht habe ich bereits einen eine For schleife die beim 2. Durchlauf dem Listenelement eine andere Css Klasse zuteilt, leider ohne Erfolg. [![](http://www.bilder-upload.eu/thumb/0631de-1410940042.jpg)](http://www.bilder-upload.eu/show.php?file=0631de-1410940042.jpg) Vielen Dank, grüße Thomas

---

<div class="post-metadata">

**Author:** ![steinsoftware](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@steinsoftware](https://forum.shopware.com/u/steinsoftware)\
**Post date:** [17. September 2014 um 15:20 UTC](https://forum.shopware.com/t/hauptmenu-unterteilen/22465/2 "2014-09-17T15:20:13Z")

</div>

Das hier sollte funktionieren (in der richtigen \*.css natürlich): `#mainNavigation \> ul \> li:nth-child(3) \> a {margin-left:100px;}`

---

<div class="post-metadata">

**Author:** ![mediameans](https://avatars.discourse-cdn.com/v4/letter/m/a5b964/32.png) [@mediameans](https://forum.shopware.com/u/mediameans)\
**Post date:** [17. September 2014 um 16:41 UTC](https://forum.shopware.com/t/hauptmenu-unterteilen/22465/3 "2014-09-17T16:41:01Z")

</div>

Dankeschön, das wars 🙂