Archived topic
Post Title
3 replies · Started by jim on February 13, 2023
Viewing posts 1–4 of 4
Dear Support,
I create a section template thought Elementor but I am trying to find the way to apply different H1 than GP theme setting for this template?
How can I apply this so as to set a certain size for desktop and another for mobile?
Please advise.
Thanks,
Jim
Hi there,
go to Customizer > Typography, and under the Typography Manager > Add New and select the Target Element: Single Content Title H1. And there you can set its styles for Desktop, Tablet and Mobile
Thanks David.
I am interested in applying different H1 size for desktop/mobile posts only.
Do I need to apply CSS?
If its just the single post then this CSS:
/** Single Post H1 sizes **/
/* Desktop */
.single-post h1.entry-title {
font-size: 30px;
}
/* Tablet */
@media(max-width: 1024px) {
.single-post h1.entry-title {
font-size: 24px;
}
}
/* Mobile */
@media(max-width: 768px) {
.single-post h1.entry-title {
font-size: 20px;
}
}
This archived topic is closed to new replies.