Comments Luc started the conversationJune 21, 2021 at 10:20amHi, Is there an option to change the header title size?Now the last one or two letters are on a separate line.See attachments.Luc 241Elena repliedJune 21, 2021 at 11:04amHello, You can add some CSS in Customize -> Additional CSS For example: @media screen and (max-width: 1239px) { .hero-title { font-size: 44px; } } P.S. @media screen and (max-width: 1239px) means that you want to apply that rule when window width is < than 1240px Cheers, P.Luc repliedJune 21, 2021 at 12:15pmThanks for the quick reaction. The code doesn't work.The.hreo-title is in red. 241Elena repliedJune 21, 2021 at 1:29pmHey Luc,Code you are using is incomplete, you must use:@media screen and (max-width: 1239px) { .hero-title { font-size: 44px; } }1 LikeLuc repliedJune 21, 2021 at 1:34pmThanks! 241Elena repliedJune 21, 2021 at 2:59pmNo worries Sign in to reply ...
Hi, Is there an option to change the header title size?
Now the last one or two letters are on a separate line.
See attachments.
Luc
Hello,
You can add some CSS in Customize -> Additional CSS
For example:
@media screen and (max-width: 1239px) { .hero-title { font-size: 44px; } }
P.S. @media screen and (max-width: 1239px) means that you want to apply that rule when window width is < than 1240px
Cheers, P.
Thanks for the quick reaction. The code doesn't work.
The.hreo-title is in red.
Hey Luc,
Code you are using is incomplete, you must use:
@media screen and (max-width: 1239px) { .hero-title { font-size: 44px; } }
Thanks!
No worries