One size font for laptop version and another size font for phone version

[lighttribe]

Hello,

is there a way to have one size font in the laptop version, another size of font in the tablet version and another size font in the phone version???

Thanks

[thai]

Hi There,

It could be done by the custom CSS. Please add this class my-headline to your custom headlines.

After that adding the following CSS under Customizer > Custom > Global CSS:

.my-headline {
	font-size: 24px !important;
}
@media (max-width: 979px){
	.my-headline {
		font-size: 22px !important;
	}
}
@media (max-width: 767px){
	.my-headline {
		font-size: 20px !important;
	}
}
@media (max-width: 480px){
	.my-headline {
		font-size: 18px !important;
	}
}

Hope it helps