Heading Font Sizes mobile – Special Heading / Spezielle Überschrift & HTML

Hey Johannes,
Für das spezielle Überschriftenelement gehen Sie bitte auf die Registerkarte “Stying”> “Schriftgrößen” und klicken Sie dann auf das Symbol der Gerätegröße, die Sie einstellen möchten, und wählen Sie eine Größe aus der Dropdown-Liste aus

Leider haben Überschriftengrößen wie H1 keine globale Größenpräferenz für Mobilgeräte, aber als ich Ihre Website überprüft habe, waren alle Überschriften spezielle Überschriften. Wenn Sie diesen Schritt befolgen, wird Ihre mobile Schriftgröße für H1, H2 usw. festgelegt .
Wenn Sie eine globale Schriftgröße für Mobilgeräte wünschen, verwenden Sie in Ihrem Quick CSS bitte das folgende CSS:

@media only screen and (max-width: 479px) {
.responsive #top #wrap_all #main h1.av-special-heading-tag {
    font-size: 40px !important;
}
}

Dies funktioniert nur für die H1-Sonderüberschrift, wenn der Bildschirm des Handys kleiner als 479 Pixel ist.

— Translated with Google —

For the special heading element please go to the stying tab > font sizes and then click the icon of the device size you wish to set and choose a size from the dropdown

Unfortunately, heading sizes such as H1 do not have a global size preference for mobile devices, but when I checked your site all of your heading were special headings so if you follow this step your mobile font size for H1, H2, etc will be set.
If you would like to have a global font size for mobile then please use css like this in your Quick CSS:

@media only screen and (max-width: 479px) {
.responsive #top #wrap_all #main h1.av-special-heading-tag {
    font-size: 40px !important;
}
}

this will only work for H1 special heading when the mobile screen is smaller than 479px, please feel free to adjust.

Best regards,
Mike

Hi,
Es hört sich so an, als müssten Sie auf Version 4.7.3 aktualisieren. Welche Version verwenden Sie?
Bitte fügen Sie im Bereich “Privater Inhalt” ein Administrator-Login hinzu, damit wir dies untersuchen können.

— Translated with Google —

It sounds like you need to update to v4.7.3, which version are you using?
Please include an admin login in the Private Content area so we can investigate.

Best regards,
Mike

Hi,
Vielen Dank für die Anmeldung. Ich habe mir Ihre spezielle Überschrift auf Ihrer Homepage unter der Registerkarte “Styling” angesehen. Hier können Sie Ihre Schriftgröße für die verschiedenen Geräte festlegen

— Translated with Google —

Thanks for the login, I took a look at your special heading on your homepage under the styling tab, this is where you can set your font size for the different devices:

Best regards,
Mike

Hi,
Ja, Sie können Ihre eigene Klasse erstellen und global zuweisen. Zum Beispiel auf Ihrer Homepage Ihre spezielle Überschrift “Themenwelten” habe ich die Klasse “custom-h3” hinzugefügt.

Jetzt können wir dieses CSS für die Klasse auf Desktop und Mobile verwenden:

#top #wrap_all .av-special-heading.custom-h3 h3 {
	font-size: 40px !important;
	color: blue !important; 
}
@media only screen and (max-width: 767px) { 
	#top #wrap_all .av-special-heading.custom-h3 h3 {
	font-size: 20px !important;
	color: orange !important; 
}
}

Für den Desktop ist die Schriftart 40px & blau, und für Mobilgeräte ist die Schriftart 20px & orange. Die Farbänderung dient nur der Demonstration.
Natürlich können Sie sich anpassen. Wenn Sie ein anderes Beispiel für eine andere Situation benötigen, teilen Sie uns einfach die Details mit.

— Translated with Google —

Yes, you can create your own class and assign it globally. For example on your homepage your special heading “Themenwelten” I added the class “custom-h3”

Now we can use this css for the class on desktop and mobile:

#top #wrap_all .av-special-heading.custom-h3 h3 {
	font-size: 40px !important;
	color: blue !important; 
}
@media only screen and (max-width: 767px) { 
	#top #wrap_all .av-special-heading.custom-h3 h3 {
	font-size: 20px !important;
	color: orange !important; 
}
}

For desktop the font is 40px & blue, and for mobile the font is 20px & orange, the color change is just to demonstrate.
Naturally, you can adjust to suit. If you need another example for a different situation just let us know the details.

Best regards,
Mike

Hi,
In the Special Heading element, under the Styling Tab, this is where you will find the font size option.
Please ensure to are using a current version of Enfold v5.0.1, and you are looking in the Special Heading element, some elements may not have this option. If you still can’t find it, please create a new thread and include a recap, and WordPress admin access in the Private Content area. Since this is not your thread posting your login here will not be private and you will not see anything we write in the Private Content area.

Best regards,
Mike