Responsive h1 mediaqueries

Hello heroes!
May someone help me with a responsive h1 through the media queries. I’ve placed this code into the header, but seems it does not work:

@media all and (max-width: 767px) { .h1 { font-size: 16; } }

https://preview.webflow.com/preview/webflow-2-0?utm_medium=preview_link&utm_source=designer&utm_content=webflow-2-0&preview=97d17716d43b438d59c324084b26f8fc&mode=preview

Hi @d.ts,

beware of custom code. What are you trying to achieve?
I guess you don’t need custom code for what you have in mind.

And have a look here:

I should have been more specific. What I want to achieve is to have the option to control font size via different screens.
How should I edit my custom code to make it works?

With webflow you can do that. In webflow have 4 breakpoints for 4 different screen sizes. In every screen size you can set a different font size

  • select your “h1”
  • select a “screen size”
  • set the “size” you want to set
  • select a different “screen size”
  • and again set the “size” you want to set

image