# Zusätzliche Linie in der oberen Menüleiste
**URL:** https://forum.shopware.com/t/zusatzliche-linie-in-der-oberen-menuleiste/39720
**Category:** Themes & Design
**Created:** [9. September 2016 um 17:18 UTC](https://forum.shopware.com/t/zusatzliche-linie-in-der-oberen-menuleiste/39720 "2016-09-09T17:18:56Z")
**Posts on this page:** 7
**Page:** 1
### Author:  [@kohli24](https://forum.shopware.com/u/kohli24)
#### Post date: [9. September 2016 um 17:18 UTC](https://forum.shopware.com/t/zusatzliche-linie-in-der-oberen-menuleiste/39720/1 "2016-09-09T17:18:56Z")
Hallo
Ich würde gerne eine zusätzliche schwarze Linie in der oberen Menüleiste einfügen (siehe Bild; dort in rot dargestellt). So wie die genau darunter.
Könnt Ihr mir weiterhelfen?
---
### Author:  [@kohli24](https://forum.shopware.com/u/kohli24)
#### Post date: [12. September 2016 um 09:12 UTC](https://forum.shopware.com/t/zusatzliche-linie-in-der-oberen-menuleiste/39720/2 "2016-09-12T09:12:34Z")
Ich habe mir das Header Helfer Plugin gekauft. Damit konnte ich mir dann gut weiterhelfen. 🙂
---
### Author:  [@meine-gute-stube](https://forum.shopware.com/u/meine-gute-stube)
#### Post date: [20. September 2016 um 20:00 UTC](https://forum.shopware.com/t/zusatzliche-linie-in-der-oberen-menuleiste/39720/3 "2016-09-20T20:00:05Z")
Hallo,
Wie konntest du das denn damit lösen?
Ich habe mit dem Support gesprochen und die meinten das geht nicht.
Gruss
Henrik
---
### Author:  [@kohli24](https://forum.shopware.com/u/kohli24)
#### Post date: [20. September 2016 um 20:30 UTC](https://forum.shopware.com/t/zusatzliche-linie-in-der-oberen-menuleiste/39720/4 "2016-09-20T20:30:13Z")
Ich hatte einfach nen Hintergrundbild erstellt und es dem Header zugewiesen. Aber mittlerweile konnte ich es eleganter im Template lösen.
**main-navigation.less**
(border-top)
```
@media screen and (min-width: @tabletViewportWidth) {
.navigation-main {
border-bottom: 1px solid @brand-primary;
border-top: 1px solid @brand-primary;
display: block;
position: relative;
.navigation--list {
.clearfix();
.unitize-padding(0, 10);
margin: 0;
position: relative;
white-space: nowrap;
}
.navigation--entry {
display: inline-block;
-ms-touch-action: none;
}
.navigation--link {
.transition(none 0);
.unitize-padding(8, 14);
.unitize(font-size, 14);
.border-radius-multi(0px, 0px, 0, 0);
margin: 0;
display: block;
cursor: pointer;
color: @text-color;
&:hover { color: @brand-primary; }
}
.is--active .navigation--link {
.primary-gradient();
font-weight: 600;
color: #fff;
&:hover { color: #fff; }
}
}
}
```
---
### Author:  [@meine-gute-stube](https://forum.shopware.com/u/meine-gute-stube)
#### Post date: [21. September 2016 um 15:15 UTC](https://forum.shopware.com/t/zusatzliche-linie-in-der-oberen-menuleiste/39720/5 "2016-09-21T15:15:43Z")
Hallo,
erst mal vielen Dank. Funktioniert bei mir leider nicht.
Kann es sein das Plugins das überschreiben (individuelles Dropdown Menü oder erweitertes Menü oder Hedaer Master obwohl alle deaktiviert sind)?
Gruß
Henrik
---
### Author:  [@kohli24](https://forum.shopware.com/u/kohli24)
#### Post date: [22. September 2016 um 05:06 UTC](https://forum.shopware.com/t/zusatzliche-linie-in-der-oberen-menuleiste/39720/6 "2016-09-22T05:06:57Z")
Moin
Kann viele Ursachen haben. Hier mein Ablauf.
Hatte nen neues Template (abgeleitet vom Responsive) erstellt. Dem Shop zugewiesen.
Dann eine all.less im Ordner _/themes/Frontend/Deutsch/frontend/\_public/src/less_ angelegt. Für Dich reicht hier die erste Zeile.
```
@import "_modules/main-navigation";
@import "_modules/sidebar";
```
Dann im weiteren Ordner _\_modules_ die Datei main-navigation.less angelegt.
```
@media screen and (min-width: @tabletViewportWidth) {
.navigation-main {
border-bottom: 1px solid @brand-primary;
border-top: 1px solid @brand-primary;
display: block;
position: relative;
.navigation--list {
.clearfix();
.unitize-padding(0, 10);
margin: 0;
position: relative;
white-space: nowrap;
}
.navigation--entry {
display: inline-block;
-ms-touch-action: none;
}
.navigation--link {
.transition(none 0);
.unitize-padding(8, 14);
.unitize(font-size, 14);
.border-radius-multi(0px, 0px, 0, 0);
margin: 0;
display: block;
cursor: pointer;
color: @text-color;
&:hover { color: @brand-primary; }
}
.is--active .navigation--link {
.primary-gradient();
font-weight: 600;
color: #fff;
&:hover { color: #fff; }
}
}
}
```
Danach alles kompilieren und es sollte funktionieren.
---
### Author:  [@meine-gute-stube](https://forum.shopware.com/u/meine-gute-stube)
#### Post date: [23. September 2016 um 08:26 UTC](https://forum.shopware.com/t/zusatzliche-linie-in-der-oberen-menuleiste/39720/7 "2016-09-23T08:26:18Z")
Moin,
habe es jetzt mit dem Header Master von Shopwerk gelöst. Gleicher Programmierer wie Header Helfer.
Der war so freundlich und hat das eingebaut.
Danke für Deine Hilfe