Mobile Ansicht anpassen Theme Tempera

Hallo Profies!

Kann mir jemand bei der Anpassung der Schriftgröße in der mobilen Ansicht helfen?
http://www.tor-zum-erzgebirge.de/

Die Bilder uind alles gleicht sich an, nur die Schrift über den 8 Widgets müsste sich weiter verkleinern. Auf dem Smartphon kann man die Ortsnamen nicht mehr richtig lesen.

Danke schon mal.
LG Nadja

So sieht es auf meinem Samsung aus. Und bei anderen scheinbar auch, weil mich jemand darauf angesprochen hat.

Wenn ich 1em nehme, sieht es auf dem Handy gut aus, auf der PC-Version viel zuu klein. Und je höher ich gehe, desto größer wird die Schrift wieder auf der mobilen Version und somit teilweise nicht lesbar. Kann ich den Titel umbrrechen lassen, wenn nötig?

Ich würde 1em für Smartphones und 1.3em für Bildschirm und Tablet nehmen. Wie müsste ich das darstellen in meinen Stylesheets?

Hmmm. Das Theme hat eine Seite, wo ich meine eigenen CSS eingeben kann, damit beim Update nix passiert. Deshalb hab ich kein Child gemacht. Die Seite steht ja schon eine Weile im Netz. Kann ich denn im Nachhinein noch ein Child-Theme erstellen, ohne was kaputt zu machen?
Bei meinen neuen Projekten hab ich IMMER ein Child-Theme erstellt. Manno! :mad:

Aber ich finde in der Original-CSS kein Media. ??? Erstmal Kinder holen (fast vergessen) dann nochmal richtig suchen. Aber mit der Suchfunktion hab ich erstmal nichts gefunden. Wenn ich es habe, mach ich ein Child.

Ich such mal. Ja. Über FTP sehe ich sie. OK. Ich versuche das mal.
Danke. Ich melde mich.

Also ich finde nichts über die Widgets. Kann ich das im Code einfach hinzufügen. #widget-title oser so? Ich komm mir so blöd vor.
Hier mal der CSS-Code:

@media (max-width: 480px) {    
    body, #content, #content p, #content ul, #content ol,#content code, #content pre, #content blockquote {
        font-size: 12px !important;}
    
    #site-title span a{font-size: 18px;line-height:20px;}
    #site-description {    font-size: 11px;line-height:10px;}
    
    
    .nivo-caption h2 {margin-bottom:0px;font-size:14px;line-height:18px;}
    /*.nivo-slice {z-index:-1;} */ /* This would remove slider animations if needed */
    body {padding: 0;}
    #page {margin-top: 0;}
    .magazine-layout #content article.post, .magazine-layout .search #content article {margin:5px 0;width:100%;}
    #front-columns > div { width:auto;max-width:98%;float:none;margin:25px auto !important;clear:both;}
    .column-image img {}
}

Kann ich die Widget-Titel ganz weglassen bei 480px, sprich Handydisplay?