Hi all,
how can I change the font size only for mobile?
thanks in advance for the help.
Hello there,
What element’s font size are you trying to change? Is it the Jumbotron?
Best Regards,
Support
I have to modify h1 font size
Hello there,
I hope you are doing well today.
You can use the following CSS code to change that by going to Appearance > Customize > Additional CSS and pasting it there.
h1 {
font-size: 50px;
}
Best Regards,
Support
But if i do font-siz e i modify all and not only mobile mode
Hello there,
Please try using this CSS instead:
@media only screen and (max-width: 900px) {
h1 {
font-size: 50px;
}
}
Best Regards,
Support
I’ll show you the screen from the phone, even decreasing the font size, does not decrease. why?
Hello there,
That is strange. Please try adding this instead:
@media only screen and (max-width: 900px){
h1 {
font-size: 20px !important;
}
}
Best Regards,
Support
Thanks you!
Fixed
Hello there,
I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.
Best Regards,
Support