Responsives Verhalten bei Schriften

Hallo -EM-,

in meinen Augen ist die Silbentrennung korrekt hyphens: auto;.

Eine Einstellung für responsives Verhalten der Überschriften gibt es in diesem Layout nicht. Aber mit etwas CSS kannst du da nachsteuern.

zB. Einsellungen > CSS:

<style>
@media (max-width: 860px) {
h1 {font-size:2.6em;}
h2 {font-size:2.2em;}
h3 {font-size:1.8em;}
h4 {font-size:1.6em;}
}
@media (max-width: 560px) {
h1 {font-size:2.0em;}
h2 {font-size:1.8em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}
}
</style>

Das responsive Verhalten für das Logo ist das der Abstand nach oben verringert wird. Wenn du dieses skalieren möchtest kannst du dieses ebenfalls mit CSS anpassen.

zB. Einsellungen > CSS:

<style>
@media (max-width:1024px) {
#logo img {width:90px; height:90px;}
}
</style>

Wenn du gern mit großen Überschriften arbeitest ist das Widget WZP Überschrift Flex eventuell etwas für dich.