How to resize heading fonts on mobile only?

Hi,

Is there any code I can usen so that heading fonts resizes on mobile only? Now the heading splits on mobile devices.

www.caliaconsulting.fi

Thank you for helping

Hi,

Which heading are you referring to?

Headin 1

Susan

On 2/16/2023 at 5:13 PM, SusanPV said:

Headin 1

 

Susan

 

It looks like you figured it out with this code?

@media only screen and (max-width: 640px) {
    h1 {
        font-size:1.8rem !important
    }

    h2 {
        font-size: 1.4rem !important
    }

    h3 {
        font-size: 1.5rem !important
    }

    p {
        font-size: 1rem !important
    }
}