Navigation im Header anpassen - Wo diesen Code hinterlegen?

Max Berater

Aktives Mitglied
17. April 2020
155
8
1619688711396.png

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

Moderator
Mitarbeiter
11. Oktober 2018
720
190
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

Aktives Mitglied
17. April 2020
155
8
Hallo, eigentlich soll nur das border-color angepasst werden im Menü. Also der gelbe Unterstrich als Beispiel blau dargestellt werden.
1619701446024.png
 

Max Berater

Aktives Mitglied
17. April 2020
155
8
@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

Moderator
Mitarbeiter
11. Oktober 2018
720
190
Für das mediaquery fehlen dann aber noch die Klammern:
CSS:
@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

Sehr aktives Mitglied
14. April 2016
786
223
Hamburg
Du musst, glaube ich, auch den @media-Befehl als äußere Klammer nehmen.

Also so (ungetestet):
CSS:
@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 :)
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Breadcrumb -> Navigation nächster Artikel -> Vorschaubild statt nur den Titel Templates für JTL-Shop 0
Neu NOVA Template linke Navigation? Templates für JTL-Shop 2
Neu Registerkarten Tab-Navigation UND Akkordeon-Menü deaktivieren Einrichtung JTL-Shop5 7
Neu Header Box im Shop 5 Nova / Evo.. Templates für JTL-Shop 3
Neu 3D Effekt im Header - Warum??? Templates für JTL-Shop 8
Neu Header Top Bar in Mobile-Ansicht einblenden? Allgemeine Fragen zu JTL-Shop 0
Neu header.tpl wird nicht aus dem Child Template genommen JTL-Shop - Fehler und Bugs 5
Neu JTL Shop 5 critical CSS 2x identisch im Header vorhanden Templates für JTL-Shop 7
Neu Kompletten Header außer Megamenü auch im Bestellvorgang anzeigen lassen Templates für JTL-Shop 12
Neu Header Logo zoomt aus dem Bildschirm Templates für JTL-Shop 5
Bilder in News und Header löschen - Fehler noch existent Einrichtung JTL-Shop5 3
Neu Artikeletiketten anpassen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Datenbank für ein Testshop anpassen Installation / Updates von JTL-Shop 3
Neu Schriftgröße im Megamenü anpassen Einrichtung JTL-Shop5 3
Neu Zahlungsarten anpassen User helfen Usern - Fragen zu JTL-Wawi 0
Neu Auftragsbestätigung Druckvorlage anpassen. User helfen Usern - Fragen zu JTL-Wawi 6
Neu Rechnungsvorlage anpassen Klarna Rechnungskauf User helfen Usern - Fragen zu JTL-Wawi 1
Neu Emailtext zu "Bestellung storniert" anpassen User helfen Usern - Fragen zu JTL-Wawi 4
Neu Vorlage Lieferschein für Stücklistenartikel anpassen User helfen Usern - Fragen zu JTL-Wawi 0
Neu Nova-Template Menü anpassen Templates für JTL-Shop 0

Ähnliche Themen