how can I change the font size only for mobile?

Hi all,
how can I change the font size only for mobile?
thanks in advance for the help.

site

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