Moin moin,

ich habe eine Seite vorbereitet.

Da ich neu bin, darf ich keine links posten aber die Seite ist unter https://bratheringtest.jimdofree.com (bitte das https selber ergänzen) erreichbar

Im Mobile Modus bei @media (max-width:768px) würde ich die Font-size im Header gerne soweit verkleinern, dass der Text "die Werkstatt für gutes Sehen" nur einzeilig dargestellt wird.

Leider scheint das Jimdo Theme selber bei @media (max-width:767px) die Font Size mit !important auf 30px zu setzen. Meine Anweisung im Head wird somit nicht angewendet.

Mein CSS

/* Mobile Anpassungen */
@media (max-width:768px) {
    .jtpl-logo img {width:450px !important;}
    .jtpl-logo {padding-left:1px !important;}
    .jtpl-logo {padding-right:1px !important;}
    .j-module h1 {font-size:20px !important;}
    .j-module h2 {font-size:18px !important;}
    .j-module h3 {font-size:16px !important;}
    .j-text {font-size:14px !important;}
    .j-static-page h1 {font-size:20px !important;}
    .j-static-page h2 {font-size:18px !important;}
    .j-static-page {font-size:14px !important;}
    .j-website-title-content {font-size:20px !important;}
}
 
 

Hab ich irgendeine Chance das zu umgehen und die Font-Size auf 20px bei mobile zu setzen oder muss ich damit leben?

Vielen Dank für Eure Hilfe und Tipps

Gruss aus Hamburg
Stefan