Issues with large font in mobile mode

This site's OK on the desktop

But when I test it in mobile mode, the 'London and Surrounding' bit doesn't fit on the page and the lower scroll bar appears.

If I reduce the font-size of <h1>, then the page behaves.

If I use "overflow:hidden;" in .magcontainer, the large font still is an issue.

What in the CSS would cause <h1> to do this?

A likely cause is the H1’s fixed font size plus default margins or nowrap behavior causing the container to exceed the viewport. Check width, padding, white-space, and box-sizing before using overflow:hidden.