Linebreak nach </li> bringt Navi durcheinander (Twenty Thirteen-Theme)

  • Hallo,

    ich baue gerade ein Child-Theme auf Basis von Twenty-Thirteen zusammen. Dabei habe ich per CSS einiges am Menü umgebaut, unter anderem haben die einzelnen Menü-Einträge einen Hintergrund und einen Border, und sollen exakt aneinander anschließen, damit es auch gut aussieht. (Einen Link kann ich leider nicht geben, da bislang nur lokale Entwicklung.)

    Die einzelnen Menü-Einträge sind im Menü durch <li></li> aufgelistet.

    Mein Problem ist nun folgendes: Die Funktion end_el aus der Datei wp-includes/nav_menu_template.php fügt hinter das "</li>" noch ein "\n", also einen Zeilenumbruch ein. Der wird vom Browser als Whitespace erkannt, und schon habe ich eine Lücke zwischen den einzelnen Menu-Einträgen.

    Ich möchte nun ungern die PHP-Datei bearbeiten, die ggf. beim nächsten WordPress-Update wieder überschrieben würde. Mir fällt aber auch kein Weg ein, wie ich den Zeilenumbruch per CSS "rausbekomme".

    Wie kann ich das lösen, ohne direkt in die nav_menu_template.php eingreifen zu müssen?

    Besten Dank für jede Hilfe!

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Eigentlich sollte der Browser Leerzeichen/Zeilenumbrüche/Tabs zwischen Listenelementen ignorieren, oder seh ich das falsch?
    Also genauso wie bei den Tabellen, zwischen den Zellen usw.

    Oder kommt das daher, daß hier per CSS die Ausrichtung (stantardmäßig untereinander) verändert wurde und jetzt die Browser komisch reagieren?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!