Automatic font scaling

wing333 · July 2020

Hey Betheme,

How does the auto scale fonts on mobile work? Is there a setting I can change?

Desktop is great, but the setting makes mobile far too small, turning it off it becomes too big.

please let me know. Lastly, if there is nothing to do about it, how do I change the paragraph size on mobile with css?

Aris

Pablo · July 2020

Hello Aris,

The "Decrease Fonts" option takes the default font size set in the Theme Options > Fonts > Size & Style and decrease it to be visible proper on mobile.

To make it bigger on mobile, you have to make it bigger on desktop too.

thanks

wing333 · July 2020

that's not my question. Desktop is fine.

How do I make fonts sizes bigger on mobile only?

Pablo · July 2020

To make it bigger on mobile, you have to make it bigger on desktop too.

Otherwise, you have to create the CSS code.

thanks

wing333 · July 2020

Pablo,

Please tell me where to put which CSS code to make the fonts bigger on mobile.

thanks,

Aris

Pablo · July 2020

It depends on which element that paragraph appears, but try this CSS code:

@media (max-width:768px){
  p{font-size:60px !important}
}

Please, if it wont help, send us a link to your website.

Thanks

Automatic font scaling

Comments