Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
Überschriften (h1, h2) für die mobile Version Design Helsinki ändern
Hallo!
Die h1 und h2 fallen bei der mobile Version des Designs Helsinki extrem groß aus.
Webseite: www.lebenmitreizdarm.de
Um die Überschriften anzupassen habe ich den folgenden Code in meinen Header eingefügt:
2
3
4
5
6
7
8
<style type="text/css">
/*<![CDATA[*/
/*Überschriften mobil kleiner*/
@media (max-width:720px) {
h1 {font-size: 12px !important;
}
/*]]>*/
</style>
In der mobile Version ändert sich jedoch dadurch jedoch nichts. Ich habe den Code getestet indem ich die px Zahl erhöht habe, bis die Überschriften auf meiner Desktop-Ansicht nur noch 12px waren - in der mobile Version hat sich jedoch auch dann nichts geändert.
Weiß jemand Rat? Über Tipps würde ich mich sehr freuen! :-)

Hallo Britta,
Normalerweise funktioniert es mit einem CSSeintrag bezüglich H1/h2/h3. Manchmal muss man jedoch genau den Bezeichner treffen, den das System verwendet hat.
Gibt doch mal bitte deine URL an, dann können wir dir bestimmt helfen.
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Das wäre toll :-) www.lebenmitreizdarm.de

Hallo @BrittaT
Das sehe ich erst jetzt, Deine URL hattest Du ja schon gepostet...
Dann versuch mal folgendes:
2
3
4
5
@media (max-width: 720px) {
.j-module h1 {
font-size: 12px !important;
}
}
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

...gern geschehen!
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Zitat von az_ im Beitrag #5Hallo @BrittaT
Das sehe ich erst jetzt, Deine URL hattest Du ja schon gepostet...
Dann versuch mal folgendes:1
2
3
4
5
@media (max-width: 720px) {
.j-module h1 {
font-size: 12px !important;
}
}
Egal wie ich es drehe und wende, ich bekomme weder h1, h2 noch h3 mobil kleiner. Zitierter Code wurde verwendet für https://eishunger.jimdofree.com/
Vielen Dank und beste Grüße

Funktionierende Lösungen am besten immer gleich posten, damit andere auch etwas davon haben!
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
- Allgemeines
- Regeln für die Benutzung des Forums
- HowToDo ( = so geht´s)
- Jimdo User-Forum
- Eure Jimdo-Webseiten - Vorstellungsrunde
- Bugs, Workarounds und Anregungen
- Jimdo-Elemente
- Allgemeines
- Jimdo-Shop
- Jimdo-Specials (Tools, Widgets, HTML und CSS)
- Suchmaschinenoptimierung (SEO)
- Sonstiges
- Tutorials
- "OffTopic"-Themen
- "Übernahme" von Beiträgen aus dem offiziellen Jimdo-Forum...
- Nutzungsbedingungen und Haftungsausschluss
- Jimdo-Blog
Jetzt anmelden!
Jetzt registrieren!