it-swarm.com.de

Seitentitel überschreiten Bildschirmgröße in der mobilen Ansicht - nachhaltige Lösung?

Ich habe eine Site in Deutsch erstellt und einige der Seitentitel sind ziemlich lang. Wenn Sie die Site in einer mobilen Ansicht anzeigen, werden einige der Seitentitel auf der rechten Seite des Bildschirms ausgeblendet, sodass der Benutzer nur den Anfang des Seitentitels sehen kann.

Gibt es etwas, das ich über css/plugin/php anwenden kann, das das Wort in die nächste Zeile einfügt, um es benutzerfreundlicher zu machen?

Ein Beispiel für eine Seite, auf der dies möglich ist, finden Sie hier

Ich bin offen für Vorschläge. Vielen Dank. D

Bearbeiten: Verknüpft aus Datenschutz entfernt

2
Dtorr1981

Das Folgende würde bewirken, dass das Wort umbrochen wird.

h1.article-title {
   Word-wrap: break-Word;
}

Am besten ändern Sie jedoch die Schriftgröße an diesem Haltepunkt - dies würde die Lesbarkeit verbessern.

Dies ist Zeile 186 von templates/buildr/css/custom.css

Veränderung

h1 span, h2, p, h4 a {
    font-size:80%!important;
}

zu so etwas wie dem folgenden

p, h4 a {
    font-size:80%!important;
}
h1 span, h2 {
    font-size:50%!important;
    Word-wrap: break-Word;
}

h3 {
    font-size:100%
}
4
Richard B