making custom class that scale font only a little bit on mobile
![[Deleted User]](https://secure.gravatar.com/avatar/b90d4875ea996a1bb801f05139160069/?default=https%3A%2F%2Fvanillicon.com%2F60e35fb056916921164a0650fdf792cf_200.png&rating=g&size=200)
Hello,
In the options I'm using the setting that scales fonts on mobile, while set in the options to px.
How did you do this? Because I want to create some further classes to style some p-tags.
I tried give them font-sizes in % or em (because I dont want px), but the size that looks good on desktop is to small on mobile.
For example I enter a %-value that looks as big as 50px on desktop, ok...but THIS %-value on mobile looks way too small.
Your solution works better, they seem to scale differently than a simply entered %-value...they seem to scale less... a big font on desktop is still quite big on mobile.
How did you do this, how can I achive this behavior with css or is there more complicated coding stuff behind?
In the options I'm using the setting that scales fonts on mobile, while set in the options to px.
How did you do this? Because I want to create some further classes to style some p-tags.
I tried give them font-sizes in % or em (because I dont want px), but the size that looks good on desktop is to small on mobile.
For example I enter a %-value that looks as big as 50px on desktop, ok...but THIS %-value on mobile looks way too small.
Your solution works better, they seem to scale differently than a simply entered %-value...they seem to scale less... a big font on desktop is still quite big on mobile.
How did you do this, how can I achive this behavior with css or is there more complicated coding stuff behind?
Comments
the fonts you pleace into theme options are scalled by % in the style.php file on certain viewport breakpoints.
thanks