Seitenüberschrift für Mobile kleiner machen

Hallo,

da müssen Sie etwas eigenes CSS einsetzen.

Bitte dazu mal folgende Seite lesen: https://docs.zeta-producer.com/eigenes-css-einfuegen.html

Folgender Code sollte dann funktionieren (ungetestet):

<style>
@media (max-width: 479px) {
    h1 {
        font-size: 1.6em;
    }
}
</style>

Siehe Antwort RE: Seitenüberschrift für Mobile kleiner machen

Zitat von Steffen T.

Hallo,

da müssen Sie etwas eigenes CSS einsetzen.

Bitte dazu mal folgende Seite lesen: https://docs.zeta-producer.com/eigenes-css-einfuegen.html

Folgender Code sollte dann funktionieren (ungetestet):

Code

<style>
@media (max-width: 479px) {
    h1 {
        font-size: 1.6em;
    }
}
</style>

Hallo,

kurze Rückmeldung von mir bzgl. des Codes. Hab den Code wie in der "Anleitung" beschrieben bei mir eingefügt, allerdings ohne jegliche Reaktion. Sobald ich auf die Smartphone Ansicht umschalte, besteht weiterhin das Problem, dass der "Website-Name" und "Website-Slogan" sich in der Größe nicht ändert und quasi viel zu groß erscheint in der Smartphone Sicht.

Neo Der CSS-Code ist für die H1-Überschrift, nicht für Website-Name und Slogan.

Ja, dann muss der CSS-Code halt auf seitenebene in das Attribut "additional_css". Siehe auch https://docs.zeta-producer.com/attribute.html#a1633