text auto scaling

Hi,

I would like to have text scaling automatically according to the page width, instead of using a fix > 

@media only screen and (max-width: 767px) {

I would like to use something like this, but it does not work for the Heading1 override, am I doing something wrong or is it just not supported? 

 font-size: calc(80px + (150 - 50) * ((100vw - 320 * 1px) / (1920 - 320))) !important;

thx

Where did you insert code? Try adding to Code Injection Header

thank you for the advice, I will have to find a programmer for this as this was meant to be just styling in css which I am more or less able to do, but injecting into header is another thing

On 7/3/2020 at 8:54 PM, mjmjmjmj said:

I would like to use something like this, but it does not work for the Heading1 override, am I doing something wrong or is it just not supported? 

To understand the issues when doing calculations in the Custom CSS Editor, see my post here: