Neu Navbar Background über ganze Breite und Hover

Harald Weingaertner

Sehr aktives Mitglied
2. Oktober 2006
436
135
Hallo zusammen,

ich komme leider nicht weiter. Ich würde im Nova Template mit installiertem JTL Header Plugin gerne noch 2 Dinge an der Navbar ändern.

Momentan ist die Navbar so per CSS verändert:
header .navbar-nav > .nav-item > .nav-link {
padding: 1rem 2rem;
background-image: linear-gradient( #6CBEEC 0%, #209EE5 100%);
color:white;
}

header .navbar-nav > .nav-item > .nav-link::before {
border-color: #dddddd;
}

Also ein leichter Verkauf im Hintergrund, mit weißer Schrift und grauem Balken unter den Menüpunkten, wenn man mit der Maus drüber fährt.

Aber 2 Sachen bekomme ich nicht hin:

1639581428028.png

a) Wie bekomme ich den blauen Hintergrund über die gesamte Breite?
.nav-scrollbar .nav, .nav-scrollbar .navbar-nav füllt leider auch noch Raum darunter und nicht nur die Höhe der Navbar. Ich finde es nicht raus.

b) Wenn man aktuell mit der Maus über die Menüpunkt , dann ist die Hover-Farbe des Textes blau, bzw. die bei $primary: eingestellte Farbe (in _variables.css). Wie kann ich es schaffen, dass beim Hovern der Text nicht blau, sondern weiß auf dunkelblauem Hintergrund wird?

Ich bin jetzt am Ende und hoffe, dass irgendjemand da einen Ansatzpunkt hat :(

Besten Dank

Harald
 

mb900

Aktives Mitglied
11. März 2013
9
0
Ich habe leider genau das gleiche Problem und bin auch mittlerweile am verzweifeln, daher wollte ich nachfragen, ob Du mittlerweile eine Lösung finden konntest?
Habe ebenfalls das JTL Header Plugin installiert und die Navi nach unten gesetzt und würde nun gerne wie im Bild gezeigt, den Hintergrund beidseitig bis an den Rand nach außen laufen lassen.
Vielen Dank für eventuelle Feedbacks.
Beste Grüße

Markus
 

Harald Weingaertner

Sehr aktives Mitglied
2. Oktober 2006
436
135
Ich habe leider genau das gleiche Problem und bin auch mittlerweile am verzweifeln, daher wollte ich nachfragen, ob Du mittlerweile eine Lösung finden konntest?
Habe ebenfalls das JTL Header Plugin installiert und die Navi nach unten gesetzt und würde nun gerne wie im Bild gezeigt, den Hintergrund beidseitig bis an den Rand nach außen laufen lassen.
Vielen Dank für eventuelle Feedbacks.
Beste Grüße

Markus

Leider keine Lösung gefunden. Sieht immer noch so bescheuert aus bei uns. Früher war mehr Unterstützung hier 😪
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu DPD auf Shipping 2.0: komplettes Service-Angebot über die neue Meta API - was ihr wissen müsst News, Events und Umfragen 1
Auftragsbild auf Auftrag über den Formulardesigner JTL-Wawi 2.0 0
In Wawi 2.0.6 Kommentar 1 und Kommentar 2 für Lagerbestände von Kindartikeln desselben Vaterartikels nicht mehr über Vaterartikel pflegbar JTL-Wawi 2.0 4
Neu Coupon/Gutscheincode Aktion über das POS Allgemeine Fragen zu JTL-POS 0
Neu Kunde hat über POS per Karte angezahlt. Wie Buchung der Restzahlung (BON)? Allgemeine Fragen zu JTL-POS 1
Beantwortet Plugin über Pluginmanager deinstalliert – Einträge in tpluginmigration verblieben – einfach löschen? Plugins für JTL-Shop 1
Neu PlugIn: GLS Privatkundenlabels sollen über den Packtisch ausgegeben können / Schnittstelle zu GLS Privat Dienstleistung, Jobs und Ähnliches 0
Neu Problem beim Datenexport über DHL Versenden 4.0 (international) JTL-ShippingLabels - Fehler und Bugs 6
Neu Shopabgleich über Cloudflare Onlineshop-Anbindung 1
Neu Müssen Zahlungen über Mollie manuell kontrolliert und manchmal erst "erfasst" werden? Allgemeine Fragen zu JTL-Shop 0
Neu Wie bedenklich wäre es, den Vorgangsstatus von Aufträgen über einen direkten Datenbankbefehl zu aktualisieren? User helfen Usern - Fragen zu JTL-Wawi 5
Neu Webinar „Shipping 2.0“ am Dienstag, 14.07.2026 – über 500 Anmeldungen, was es Neues gibt und wie ihr das Beste daraus macht News, Events und Umfragen 12
Teillieferungen über WMS JTL-Wawi 1.11 2
Neu Amazon VCS Lite: Wie erstellt ihr unter Wawi 1.11 eine vollständige IGL-/ZM-Liste über alle Verkaufskanäle? User helfen Usern - Fragen zu JTL-Wawi 1
Neu IP Adresse einer Kontaktanfrage über den Shop herausfinden Allgemeine Fragen zu JTL-Shop 4
Neu Keine Labels für Warenpost international über Packtisch JTL-ShippingLabels - Fehler und Bugs 8
Neu Apple Pay über PayPal nicht zu verbinden (Die Domain-Verifizierungsdatei wurde nicht gefunden.) Technische Fragen zu Plugins und Templates 28
Neu CCV Pax A920 Terminal über O.P.I klappt nicht Allgemeine Fragen zu JTL-POS 0
Problem beim Import über Ameise/eBay JTL-Wawi 1.11 1

Ähnliche Themen