Titel der Webseite wird in mobiler Ansicht nicht umgebrochen (Theme Sydney)

    Hallo zusammen,
    der Titel meiner Seite ist zu lang für die Ansicht auf Smartphones.
    Ich möchte das der Titel (Bonedraggers) dann eben umgebrochen wird, also Bone-Draggers.

    Wenn ich
    div {
    word-wrap: break-word;
    }

    als zusätzliches CSS (im Customizer) eingebe, dann wird das Wort an einer x-beliebigen Stelle umgebrochen aber nicht da wo es Sinn macht.

    Das "­" könnte helfen, aber WO kann ich das einfügen? an welcher Stelle genau (Datei)?
    Wenn ich das beim Seitentitel eingebe dann heisst die Seite "Bone­draggers".
    Nicht lustig.
    Jetzt hab ich grad angefangen mit WP und an so einem Mist bleib ich hängen. Kann jemand helfen?
    Vielen Dank

    • 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

    Schau dir mal hyphens an.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Moin und vielen Dank für die rasche Antwort

    ich habe in die zusätzlichen CSS
    h1{
    hyphens: auto
    }
    eingegeben. Nun wird das Wort immer umgebrochen, auch bei der Desktopansicht; obwohl es noch genug Platz hätte.
    ausserdem überlappen sich die 2 Zeilen nun. Der Zeilenabstand sollte vergrößert werden. Wo kann ich das einstellen, definieren?

    Danke an alle

    Du solltest dann auch mit media queries arbeiten. Dann könnte man auch mit line-height oder verschiedenen Abständen über css arbeiten.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Moin, moin,
    ich bin nicht wirklich der CSS Held.... (noch nicht)
    aber das scheint mir doch zu komplex zu werden.

    Wäre es evtl. einfacher nur für Smartphones an dieser Stelle die Schriftart zu verkleinern?
    Also nur dieser Titel. Der Rest wird ja eigentlich gut angepasst, oder?

    Danke für sachdienliche Hinweise..... :-)

    jb

    Zitat von jottbeh

    für Smartphones an dieser Stelle die Schriftart zu verkleinern


    Genau das hat @maxe damit gemeint.

    Zitat von maxe

    Du solltest dann auch mit media queries arbeiten.


    Dazu wird ab einer von dir definierten Anzeigebreite eine CSS Aktion ausgelöst!
    CSS Media Queries z.B.:

    Code
    @media (max-width: 600px) {
.site.title {
font-size: 18px;
}
}

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

    Bei Durchsicht einer meiner lokalen Testinstallationen ist mir aufgefallen, dass das Sydney-Theme den site-title schon verkleinert und dort schon mit !important arbeitet.

    Das sieht so aus (ab Zeile 3532):

    CSS
    /* All Mobile Sizes */
    @media only screen and (max-width: 767px) {
        .site-title {
            font-size: 22px !important;
        }
}

    Das kanst du versuchen in den Zusätzlichen CSS neunzu definieren:

    CSS
    /* All Mobile Sizes */
    @media only screen and (max-width: 600px) {
        .site-title {
            font-size: 16px !important;
        }
}

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

    ich habe das gleiche Problem. Allerdings habe ich ein Child Theme installiert. Daher keinen Zugriff auf die Zeile 3532 wie von @SEpp55 erwähnt. Ich glaube zumindest, dass da vom Editor die Rede war, oder?

    Dann sollst du dich mit dem Thema Child auch befassen! :rolleyes:;) LINK
    Warum hast du ein Child installiert?
    Hast du zusätzliche Funktionen gebraucht?
    Dast du ein eigenes Styl verwirklicht?

    Wenn dieser Stylingblock nicht geändert wurde, gelten die style-Anweisungen des Parent-Themes!

    ..... und noch besser ist es, einen eigenen Beitrag zu öffnen - du wirst mit Sicherheit nicht die selbe Konfiguration (inkl. Plugins) wie der TE haben ;)

    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