Theme Simple wird bei mobilen Geräten nicht responsive angezeigt

In der 'style.css' ist für dieses Element (.subpage-banner .banner-title) eine Schriftgröße von 85px vorgegeben. Das scheint für kleinere Displays zu groß zu sein.
Abhilfe könnte eine stufenweise Reduzierung der Schriftgröße mittels Media-Queries schaffen.

Hallo!
So einmal zum Beginn - ich will Deine(Eure) Arbeit nicht schlecht machen.
Das Headerbild hat 12660x4871px das wird nicht so schnell ein Bildschirm 1:1 darstellen können! Dann sind die 14.129,08 KB erst zu laden .......

Nun ein Versuch deine Anfrage zu lösen.
Dazu mein Kopiersatz :wink:
Die Style-Anpassungen werden unter Design - Customizer - Zusätzliche CSS gemacht werden! LINK.

in diese Zusätzliche CSS füge mal nachstehendes ein:

@media (min-width: 280px) {
.banner-wrap {
    padding: 10px;
}
.h1, h1 {
    font-size: 30px;
    hyphens: auto;
}
.frontpage-action1 .action1-title, .frontpage-action2 .action2-title {
    font-size: 30px;
    hyphens: auto;
}
.h2, h2 {
    font-size: 26px;
}    
}

Bei mir sieht das gut aus - auf Android und dem Entwicklertools von Crome und Firefox getestet.

zu hyphens: LINK

weiters -

Zitat von danielgoehr

Standardmäßig gibt es meines Wissens nach keine Body-Klassen für die Tags. Man könnte sich aber theoretisch eigene erstellen. Siehe dazu (vor allem auch die Code-Beispiele in den Kommentaren):
https://developer.wordpress.org/reference/functions/body_class/

Bedenke auch, dass hyphens (noch) nicht browserübergreifend funktioniert.

Es ist auch keine gute Idee, hyphens für den gesamten Body zu "aktivieren", da dadurch auch Menüpunkte, Überschriften und Design-Elemente getrennt werden (könnten). Besser die Klasse .entry-content statt body verwenden.