Das geht mit CSS-Code, denn man bei ...

1 Einstellungen > Statistik und Code / Code

Benutzerdefinierte Code:

Vor dem </HEAD>-Tag

... einfügen müsste, damit er auf allen Seiten gültig ist.

Da ich kein CSS-Experte bin, hier nur mal ein Vorschlag, wie das in etwa aussieht.

----- Beispiel -----

<style>

@media (min-width:481px) and (max-width:767px) {

h1 { font-size: 24px !important;}

h2 { font-size: 22px !important;}

... usw.

}

@media (min-width:320px) and (max-width:480px) {

h1 { font-size: 16px !important;}

h2 { font-size: 14px !important;}

... usw.

}

</style>

Am besten du benützt für die ÜBerschriften einfach ein Titel-OBjekt wo du im Objekt anhaken kannst, dass es sich anpasst!

Das mit dem Titel-Objekt und ...

[X] Fontgröße an die Breite des Objekts anpassen

... hat wohl nicht immer den gewünschten Effekt, siehe Screenshot.

Lange Überschriften werden ziemlich klein und kurze Überschriften sehr groß.

-----

2. Versuch - alle 4 Titel-Objekte mit Schriftgröße 16, das wäre ein guter Kompromiss, wenn die Überschriften nicht zu lang sind.

-----

3. Versuch - 4 Titel-Objekt mit Schriftgröße 16 ohne ...

[_] Fontgröße an die Breite des Objekts anpassen

... also es würde eine angemessene Schriftgröße der Überschrift für alle Geräte passen.

Es geht also auch ganz ohne CSS-Code oder Titel-Objekt und wenn die Überschrift zu lang ist, dann geht sie eben in der nächsten Zeile weiter, auch kein Beinbruch, sondern in Zeitungen ganz normal.

Oder habe ich da etwas Wichtiges übersehen?

-----

Sieh Dir mal https://peters-liederbox.de/ auf dem Desktop und auf dem Handy an.

Gruß

Peter B.

JA und? Es passt sich doch die Schrift an!  Oder meinst du die Pfeiler wo die rote Schrift drinnen steht?