# Trenner zwischen den Kategorien im Header?

**URL:** <https://forum.shopware.com/t/trenner-zwischen-den-kategorien-im-header/34023>\
**Category:** Themes & Design\
**Created:** [28. Januar 2016 um 19:08 UTC](https://forum.shopware.com/t/trenner-zwischen-den-kategorien-im-header/34023 "2016-01-28T19:08:27Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@Andrew](https://forum.shopware.com/u/Andrew)\
**Post date:** [28. Januar 2016 um 19:08 UTC](https://forum.shopware.com/t/trenner-zwischen-den-kategorien-im-header/34023/1 "2016-01-28T19:08:27Z")

</div>

Hallo zusammen,

gibt es die Möglichkeit einen visuellen Trenner zwischen den Kategorien im oberen Menü anzubringen?&nbsp;

Ich denke da an eine feine Trennlinie oder einen größeren Abstand zwischen den Bezeichnungen.

Danke für Eure Tipps 🙂

Andrew

---

<div class="post-metadata">

**Author:** ![sonic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sonic/32/25728_2.png) [@sonic](https://forum.shopware.com/u/sonic)\
**Post date:** [28. Januar 2016 um 19:22 UTC](https://forum.shopware.com/t/trenner-zwischen-den-kategorien-im-header/34023/2 "2016-01-28T19:22:58Z")

</div>

So wie oben hier im&nbsp;Menü oben?&nbsp;  
Jo - CSS anpassen, in dem Fall also per eigene LESS im eigenem Theme.

Grob: Dem

- Element ein Border-right&nbsp;verpassen, und mit Lastchild dem letzen Element wieder den Border wegnehmen.  
Fertigen Code gibts aber nicht&nbsp; ![broken heart](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/b3785da0cbf2c8566cb535dcf55b2730b5224899.png "broken heart")

---

<div class="post-metadata">

**Author:** ![Andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@Andrew](https://forum.shopware.com/u/Andrew)\
**Post date:** [28. Januar 2016 um 22:27 UTC](https://forum.shopware.com/t/trenner-zwischen-den-kategorien-im-header/34023/3 "2016-01-28T22:27:23Z")

</div>

Danke für die Antwort. Genau das meine ich 🙂 Das eigene Theme habe ich bereits, aber da habe ich die Umsetzungen mit Hilfe von Anleitungen vorgenommen&nbsp; ![smiley](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/4d894c4dd47121f4ab1fba0317660ce0f6dbd4be.png "smiley")

Bin leider total echt eine Niete was Umgang mit Code angeht. Könnntest du mir evlt. einen Tip geben, welche Datei für die Änderung im eigenen Theme angelegt/verändert werden muss? Dann kann ich weiter nach CSS Code suchen 🙂

---

<div class="post-metadata">

**Author:** ![sonic](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sonic/32/25728_2.png) [@sonic](https://forum.shopware.com/u/sonic)\
**Post date:** [29. Januar 2016 um 07:53 UTC](https://forum.shopware.com/t/trenner-zwischen-den-kategorien-im-header/34023/4 "2016-01-29T07:53:29Z")

</div>

Ich gehe mal davon aus, dass Du in den DevDocs nachgeguckt hast, wie man sich sein eigenes Theme erstellt und anpasst.

Im Responsive ist die \_modules/main-navigation.less für das Mainmenu zuständig. Du musst nicht, solltest aber die gleiche Struktur beibehalten.  
Eingebunden wird sie in **Deiner** &nbsp;all.less - da also der Eintrag &nbsp;

```
@import "_modules/main-navigation";

```

in Deiner Datei „main-navigation.less“ machst Du Deine Anpassungen - nur die Anpassungen, nicht die ganze Original-Less kopieren.

Eine mögliche - nicht getestete - erste Version könnte sein:

```
@media screen and (min-width: @tabletViewportWidth) {
	.navigation-main {
		.navigation--list {
			.navigation--entry {
				border-right: solid 1px red;
				&:last-child {border:0; }
			}
		}
	}
}

```

Da musst Du dann experimentieren - und nicht vergessen: nach jeder Änderung Theme neu kompilieren.

Die&nbsp;main-navigation ist aber nur für den horizontalen Menüteil zuständig, dass dann aufgeklappte Megamenü ist unter plugins im Theme zu finden.  
zu LESS:

[http://www.lesscss.de/#docs](http://www.lesscss.de/#docs)

---

<div class="post-metadata">

**Author:** ![Andrew](https://avatars.discourse-cdn.com/v4/letter/a/f19dbf/32.png) [@Andrew](https://forum.shopware.com/u/Andrew)\
**Post date:** [29. Januar 2016 um 14:44 UTC](https://forum.shopware.com/t/trenner-zwischen-den-kategorien-im-header/34023/5 "2016-01-29T14:44:32Z")

</div>

TRAUMHAFT! 🙂

Vielen Dank, funktioniert einwandfrei! Die Inhalte habe ich natürlich im neuen, eigenen Theme angepasst.

Jetzt werde ich weiter testen, wie man die Linien noch weiter anpassen kann (bzgl. Dicke, Farbmöglichkeiten usw.)&nbsp;

Danke! :)&nbsp; ![no](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/7fcda44f782696668a3d093569d15e88105769e1.png "no")