Schriftanpassung Header Top-Responsive-data

Einstellungen > CSS

<style>
@media (max-width: 990px) {
#header .flex-caption h1 {
font-size: 1.3em;
}
#header .flex-caption {
font-size: 1.0em;
}}
</style>

Hallo zusammen,

wie lassen sich die Schriftgrößen der h1 - h6-Überschriften im Layout Top Responsive mit Zeta 16.8.6.0 via CSS an Smartphone und Tablet anpassen?

Mit dem Code von Mario funktioniert es nicht mehr.

Vielen Dank & lG
Sunny

Hallo Sonja,

das sollte mit folgendem Code funktionieren:

<style>
@media (max-width: 990px) {
    h1 {
        font-size: 1.8em;
    }
    h2 {
        font-size: 1.6em;
    }
    h3 {
        font-size: 1.4em;
    }
    h4 {
        font-size: 1.3em;
    }
    h5 {
        font-size: 1.2em;
    }
    h6 {
        font-size: 1.1em;
    }
}
</style>

Die Werte musst du natürlich entsprechend anpassen, dass es mit dem jeweiligen Design gut lesbar ist und ansprechend aussieht.

phil-web
Fantastisch! Vielen lieben Dank, funktioniert einwandfrei! 👌😃🙏
LG Sunny