Responsive headings

Hi Kriesie & team,

I have a problem, and that is my Headings (h1) wont resize when you scale the browser window. It’s the same problem as https://kriesi.at/support/topic/schriftart-wird-auf-dem-mobile-verandert/ I tried placing the code provided in the comments in my quick css but it didnt work.

Please check these screenshots to see the problem…

This is the desktop version

This is the mobile version

And these are the codes i have in the quick css

@media only screen and (max-width: 480px) { .av-special-heading h1 { font-size: 30px!important; }}

}

@media only screen and (max-width: 480px) { .responsive .container { width: 300px; }}

}

@media only screen and (max-width: 480px) { .entry-content-wrapper .post-title { font-size: 30px!important; }} 

}

h1 { font-size: 66px; }