Hallo!
Ich möchte die Titel der 8 Widgets auf folgender Seite in der mobilen Version kleiner machen:
http://www.tor-zum-erzgebirge.de/
Hier ist der @media-Code:
CSS
@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 mir jemand helfen, den Code so zu erweitern oder umzuschreiben, dass die Widget-Titel kleiner werden und nicht mehr aus der Ansicht laufen auf dem Smartphone?
Vielen Dank und liebe Grüße Nadja