Menü auf Website verkleinern

Aktuell arbeiten wir noch im Hintergrund an der Foren-Struktur, daher kann es vorkommen das noch nicht alles zu 100% passt. Sowohl die Foren-Bereiche, Labels, Berechtigungen, Icons und das verschieben der Themen in die entsprechende Bereiche wird noch alles durchgeführt, sobald das abgeschlossen ist entfernen wir diesen Hinweis auch.

    Hallo, ich bin ganz neu hier und habe von WP keine Ahnung. Habe jetzt mit WP eine Homepage für underen Verein erstellt (ist noch nicht fertig) . Habe aber folgendes Problem: Auf dem PC und Tablet passt alles, auf dem Smartphone, wird aber im Menü ein Umbruch gemacht. Kann ich das Menü um 1 Schriftgrad verkleinern?
    Oder wie bekomme ich das mit dem Umbruch weg? Ich weiß nicht, ob ich das darf, aber ich nenne hier mal die Homepage, damit ihr Euch selbst ein Bild machen könnt. Sie lautet: alles-retter.com
    Bin für jeden Tipp dankbar.

    • 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

    Wenn du Fragen hast, kannst du dich gerne jederzeit an @Maximilian Rupp wenden

    Hinweis: folgt noch

    Das was dort umbricht ist nicht das Menü sondern die h1-Überschrift der Seite. Der Text hat einfach nicht genug Platz auf dem Display.

    Wie sollte es denn sonst aussehen?
    * Willst Du den Text auf eine Zeile zwingen? Dann müsste man am Smartphone nach rechts scrollen um ihn komplett zu lesen - unüblich und wird auch von Google schlecht bewertet.
    * Willst Du einen automatischen Silbenumbruch im Wort? Das wäre vermutlich visuell die beste Lösung.

    optional könntest du auch ein "weiches trennzeichen" einsetzen. das hat den vorteil dass das wort dann nicht irgendwo automatisch getrennt wird sondern da wo du es möchtest. also statt zb "Abgabestel-len" dann "Abgabe-stellen". das geht mit "­" so:

    Code
    Abgabe­stellen

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

    Hallo threadi, Danke für den Tipp. ich habe es mit dem zusätzlichen CSS gemacht, bekomme es im Editor auch direkt richtig angezeigt, habe dann im Editor speichern ausgewählt, dann links daneben gespeichert.Dann wieder auf Veröffentlichen eingestellt, und links daneben Veroffentlichen gedrückt. dann erschien die Meldung Veröffentlicht. Nun mit dem Smartphone die Seite aufgerufen, aber der Umbruch ist immer noch da (so wie vorher) Ich tue mir da noch ein bisschen schwer, mit Frontend und Backend, irgend etwas muss ich noch nicht aktualisiert haben. Aber wie gesagt, ich bin absoluter Neuling und Anfänger.

    Quote from Harry0204

    irgend etwas muss ich noch nicht aktualisiert haben.


    nee, auf dem android funktioniert die trennung ja. muss ein iphone problem sein. ich denke es wird das webkit präfix für safari benötigt. du könntest mal den code ändern und testen:

    Code
    .entry-title {
hyphens: auto;
webkit-hyphens: auto;
}

    p.s.: und dann zur sicherheit auch den browser cache von safari löschen. safari hat da bekanntlich immer besondere probleme mit.

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

    Hallo, danke für die Tipps. Jetzt ist irgendwie unser Logo kleiner.Ich hatte in einem Editor zufällig entdeckt, dass ich beim Logo "ganze Breite" einstellen konnte. Dann ging das Logo auch wirklich über die ganze Breite. Aber ich finde es nicht mehr. Kann mir da zufällig auch noch jemand helfen?
    Vorab vielen Dank.

    das heisst du hast das trennungsproblem gelöst? kann auf dem iphone keine besserung erkennen.
    für den logofehler mache eine neues thema auf.

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

    Quote from Harry0204

    Nein, das Trennungsproblem auf iPhone besteht leider noch.


    was wieder keine aussage ist ob du oben genanntes umgesetzt hast oder nicht.
    sehe aber gerade dass ich einen bindestrich im code vergessen hatte. richtig ist:

    Code
    .entry-title {
hyphens: auto;
-webkit-hyphens: auto;
}

    nein, ich gebe keinen support per pm. wenn du ein problem hast, stelle eine öffentliche frage ins forum.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!

Register Yourself Login