How to wrap telephone info in header

Hi there

I’m new to WP & have just started using this template for a site I’m helping out with. Everything is pretty much ready to go live & then suddenly I’m informed the telephone section in the top header is overlapping in mobile view ??

Site: https://playgroupact.dodt.net.au

I do understand the contact details in the top header is really meant for short, succinct content but unfortunately for this non-for-profit group, they have two phone numbers they need to promote to their users & this header section is very useful part of the site for them.

I’m no serious coder by any means & would greatly appreciate help on how I can easily ‘wrap the content’ to the next line for the telephone section when the site is viewed in mobile view – pretty please.

Any lastly, how do you encode the email to make it active link in the header too?

Thank you muchly in advance!