Navigation im Header anpassen - Wo diesen Code hinterlegen?

[Max Berater]

Wenn ich den o.g. Code in custom.css meines Nova Child Templates einbaue und abändere passiert leider garnix. Alle anderen Anpassungen haben immer wunderbar funktioniert.
Wo liegt mein Denkfehler??

 

[MHillmann]

Hallo,

wie sieht der Code denn genau aus den du einbauen möchtest?
Ein paar Ansätze:
Hast du eventuell irgendwo eine Klammer vergessen?
Wird dir der Code in der Entwicklerkonsole angezeigt und nur überschrieben?
Cache Probleme?

Viele Grüße
Michael

 

[Max Berater]

Hallo, eigentlich soll nur das border-color angepasst werden im Menü. Also der gelbe Unterstrich als Beispiel blau dargestellt werden.

 

[Max Berater]

@media (min-width: 992px)
header .navbar-nav > .nav-item > .nav-link::before {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
border-width: 0 0 6px;
border-color: red;
border-style: dashed;
transition: width 0.4s;
width: 0;
}

Diesen modifizierten Code habe ich in die Custom CSS gepackt. Aber es tut sich leider im Front nix.

 

[MHillmann]

Für das mediaquery fehlen dann aber noch die Klammern:

@media (min-width: 992px) {
    header .navbar-nav > .nav-item > .nav-link::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        border-width: 0 0 6px;
        border-color: red;
        border-style: dashed;
        transition: width 0.4s;
        width: 0;
    }
}

 

[fibergirl]

Du musst, glaube ich, auch den @media-Befehl als äußere Klammer nehmen.

Also so (ungetestet):

@media (min-width: 992px) {
  header .navbar-nav > .nav-item > .nav-link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 0 6px;
    border-color: red;
    border-style: dashed;
    transition: width 0.4s;
    width: 0;
  }
}

Einrückungen nur für die Lesbarkeit, kannst Du weglassen.

@MHillmann : Ups, Du warst schneller

 

[Max Berater]

Vielen Dank an @fibergirl und @MHillmann

Wäre ich sonst echt nie drauf gekommen. Habt herzlichen Dank