Navigation im Header anpassen - Wo diesen Code hinterlegen?

Max Berater

Aktives Mitglied
17. April 2020
155
9
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
1.315
449
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
9
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
9
@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
1.315
449
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
828
253
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 Navigation/Kategorie mit Link verknüpfen User helfen Usern - Fragen zu JTL-Wawi 2
Landingpage Header und Footer erstellen zwecks Vorbestellung Einrichtung JTL-Shop5 0
Neu Ameise Export Header JTL-Ameise - Fehler und Bugs 2
Neu wnm Hinweisfenster - Weisser Abstand zwischen Banner und Header Plugins für JTL-Shop 3
Neu Käufersiegel in den Header Allgemeine Fragen zu JTL-Shop 1
Neu Link Farbe im Header sowie Abstand der Box im Footer anpassen Allgemeine Fragen zu JTL-Shop 1
Neu E-Mail Vorlagen erweitern: Neue Vorlage à la Header, bzw. Sprachvariable nutzen? Templates für JTL-Shop 3
Beantwortet Header Top Bar kurze Darstellungsfrage [Erledigt] Templates für JTL-Shop 0
Neu Template anpassen - parallel zum bestehenden, ohne Aktivierung? Templates für JTL-Shop 2
Neu Versandzeit in Ebay-Vorlage geändert - Laufende Auktion automatisch anpassen? eBay-Anbindung - Ideen, Lob und Kritik 0
Neu Anpassen einer Rechnungsvorlage - Bearbeiten von Textbausteinen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 4
Artikelbestände anpassen JTL-Wawi App 0
Neu stock_status.tpl -> Lieferbarkeitsanzeige anpassen Templates für JTL-Shop 3
Neu Nova - Größe der Slides / Anzahl der Artikel bei Cross Selling Slider anpassen Templates für JTL-Shop 3
Neu Im Sofortauftrag Kundendaten anpassen (z.b. Ansprechpartner) JTL-Wawi - Ideen, Lob und Kritik 0
Neu Schriftarten/ Fonts auf der kompletten Webseite anpassen Templates für JTL-Shop 3
Issue angelegt [WAWI-13565] Preise berechnen Preise Kalkulieren / anpassen JTL-Workflows - Ideen, Lob und Kritik 6
Druckvorlage Artikeletiketten anpassen JTL-Wawi 1.8 0

Ähnliche Themen