Heading font sizes overridden in rich text on mobile

The builder shows intended font sizes, but the live site overrides the value for H2.

H2 is 30px, and H3 is 24px, as you can see here:

image

On a live site it looks like this:

image

For some reason, H2 is transformed to 24px.

Inspect element shows this:
image

When I untick the checkbox, H2 goes back to 30px.

CSS editor in Divhunt shows intended font sizes:
image

What am I doing wrong here?

Anyone knows what may be the issue?

Are you changing sizes of fonts/headings from highest resolution to lowest?

If you go from highest it interact with all below.

If you change resolution for smaller device it affect only lower resolutions.

Have you published the changes on site (upper right button) ?

On global heading on resolution 480px, you set h2 to be 24px !important. Now in order to override that in rich text, you need to also use important.