How do I fix heading in mobile view?

Hi there,

Check your h1 line height in Customizer > Typography > Headings. and make sure it's not 0.

Thanks, that appears to have fixed the problem. However, the heading is still too big for mobile view, I've tried making the font smaller but that has no effect. How do I fix this issue?

Thanks

The core theme has H1 size settings for desktop and mobile in Customize > Typography > Headings.

Since you're using CSS, you'll need to do this:

@media (max-width: 768px) {
    h1.page-title {
        font-size: 30px;
    }
}