<br> wird im Menu auf Desktop umgesetzt im Mobilen Menu nicht

    Hallo liebe Forenmitglieder,

    ich nutze eine aktuelle WP-Version und ein childtheme vom Theme WP Bootstrap.
    Ich habe ein vertikales Menu mit mehreren Menupunkten, wobei einer der Punkte einen sehr langen Menupunkt-Text hat.
    Da dieser sehr lange Menupunkt-Text an einer bestimmten Stelle umgebrochen werden soll, habe ich im Menu unter "angezeigter Name" den langen Titel mit <br> umgebrochen. Das funktioniert in der Desktopdarstellung auch super aber leider im Hamburgermenu für die Tablets und Handys nicht.

    Kann mir jemand sagen was ich wo(in der functions.php oder in der header.php) mit reinschreiben könnte, dass das mobile menu auch die html-Zeichen interpretiert?

    Braucht ihr noch weitere Infos?
    Die Seite ist mit Passwort geschützt - das will ich hier nicht posten - also, wenn es ohne link geht, wäre ich froh!

    Vielen Dank!
    Irmen

    • Gerade eben
    • 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

    Hallo Kurt vielen Dank für deinen Vorschlag!
    Wenn ich das so in "angezeigter Name" eingebe geht es leider nicht - es wird dann immer als \n angezeigt.
    Habe "\n" probiert und \n.

    hat jemand noch einen Tipp?

    Du kennst sicher die Foren regelen ;)
    daher ein link zur seite würde helfen.
    es ist möglich das in der mobil version eine css eingreift.

    @Henk1060
    Hallo Henk - kann denn eine css das Auslesen der Menüpunkte verändern?
    Inwiefern? Kannst du mir bitte draufhelfen wonach ich suchen muss?
    Vielen Dank Irmen

    Also ich habe mir die Seit nun schon einige Male angesehen. Da ist noch viel Luft nach oben ......! Aber vielleicht Kundenwunsch!
    Ab 1200px das Hamburgermenü (responsives Menü) .......
    Aber egal - ist meine Ansicht und du bist die, die das für womöglich auch noch zahlende Kunden das erstellt.

    Zu deinem Menü, in der mobilen Ansicht!
    Wenn ich das richtig verstehe, willst du nach dem "und" einen Zeilenumbruch.
    Mein erster Ansatz nach Versuchen mit ALT+0160 bzw ALT+0173 war nicht soooo gut, da erst ab einer Mindestbreite des Submenüs der Umbruch erfolgt.
    Nächster Versuch, die Breite des Submenüs einschränken. Das ist zu 98% schon besser, und du solltes es mal so versuchen :rolleyes:;).
    Als hier man der Code, im Customizer in die zusätzlichen CSS, oder im verwendeten Child in die style.css einfügen! Wenns nicht gefällt einfach wieder löschen!

    Code
    .navbar-nav {
    max-width: 320px;
}

    Sieht fürs Submenü so aus:

    Einzig mit den X-verschiedenen Schriftgrößen in verschiedenen Anzeigebreiten ist soviel ich sehen kann 1x nachzubessern (480px und darunter)!

    Das Menüsymbol über dem Header (Logo) würde ich so NICHT haben wollen, als Kunde!

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Vielen Dank SEpp55 für deine Mühe.
    Ich möchte eigentlich nur wissen, warum das <br> einmal interpretiert wird und einmal nicht.
    Und dann würde ich eben gerne wissen, wie ich die mobile Version dazu bringe, das <br> ebenfalls umzusetzen und nicht als Text zu schreiben.
    Wegen der Gestaltung hast du sehr recht - das ist aber die Entwicklungsdomain, dieser Zwischenstand, den du siehst, ist veraltet - aber das Problem mit dem <br> ist das gleiche.
    was meinst du mit:
    Mein erster Ansatz nach Versuchen mit ALT+0160 bzw ALT+0173 war nicht soooo gut, da erst ab einer Mindestbreite des Submenüs der Umbruch erfolgt.

    Oder eine Schreibweise, die immer interpretiert wird - mit dem "\n" von Kurt hat es leider nicht funktioniert.

    vielen Dank!
    Irmen

    Gut das mit dem <br> scheint an deinem Theme zu liegen! Da es mir zu blöd war das nicht reproduzieren zu können habe ich dein Theme [size=14]WP Bootstrap Starter[/SIZE] in der Version 3.3.3 auf eine Testinstallation geladen und - bingo!
    Also versuche es mit einem anderen (Standard-) Theme Twenty - Irgendwas und teste das selbst.

    Zitat von irmen

    was meinst du mit:
    Mein erster Ansatz nach Versuchen mit ALT+0160 bzw ALT+0173


    Damit hatte ich versucht, die Trennung so hin zu biegen, das es passt, aber ->
    Das mit ALT+0160 = geschütztes Leerzeichen und ALT+0173 = bedingter Trennstrich oder &shy = soft hypen wird erst wirksam, wenn der Platz zu Ende ist, also nicht bei 1199px :rolleyes: - ist aber eine nette Spielerei - LINK..... Damit kann man z.B. einen Titel im Text an den Namen binden, oder den berühmten Donaudampfschifffahrtsgesellschaftskapitän nach eigenen Vorstellungen trennen.

    Ggf. auch zum lesen - LINK - besonders die letzte Wortmeldung.

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Zitat von irmen

    aber die Entwicklungsdomain, ... Zwischenstand, ... veraltet - ......


    Das ist die besagte Ansicht auf der produktiven Domain :rolleyes::eek::confused:

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Vielen Dank für die Kritik,
    Breakpoint verändert, jetzt passt es laut der chome-mobil-übersicht.
    Wegen dem <br> hat leider nichts funktioniert.
    Danke für die Unterstützung.

    Zitat von irmen


    Wegen dem <br> hat leider nichts funktioniert.

    Kann es auch nicht. Das Theme definiert für das Header Menü eine eigene Walker Klasse und entfernt dort alle HTML Tags. Siehe /wp-bootstrap-starter/inc/wp_bootstrap_navwalker.php ab Zeile 178. Dort steht dann auch gleich die Lösung des 'Problems'.

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

    Wenn du jetzt noch vor und nach dem Punkt anstatt des "normalon" Leerzeichen ein geschütztes Leerzeichen mit ALT+0160 eingibst bleibt das zusammen ;-)

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Zitat von mensmaximus

    Siehe /wp-bootstrap-starter/inc/wp_bootstrap_navwalker.php ab Zeile 178. Dort steht dann auch gleich die Lösung des 'Problems'.

    Korrektur. Der Schuldige steht in Zeile 250:

    Code
    $title = apply_filters( 'the_title', esc_html( $item->title ), $item->ID );


    Mea culpa!

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

    @mensmaximus - mit deiner Hilfe konnte ich das jetzt auch "nachvollziehen". DANKE!

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    @mensmaximus - vielen Dank - diese Erklärung wollte ich!
    @Sepp danke für deine Unterstützung und Tipps - sind für mich auch sehr interessant!

    Ich frage mich jetzt halt, was es wohl für einen Grund hat, dass die html-Zeichen in der mobilen Version nicht mehr interpretiert werden ...

    Zitat von irmen

    Grund hat, dass die html-Zeichen in der mobilen Version nicht mehr interpretiert werden


    $title = apply_filters( 'the_title', esc_html( $item->title ), $item->ID );

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

    Schreibe ein Ticket, zur Verbesserung - vielleicht wars ein Irrtum! Ggf schreibt jemand zurück, mit einer Danksagung oder einer Begründung :rolleyes::)

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden