Text Squished on Mobile

I created a website using Page Builder and the Tesseract theme, and I’m having a couple of issues on mobile.
1. Is that the text is squished and putting single words on multiple lines, how can I get it to dynamically scale based on the screen size?
2. Is that the mobile menu says “undefined” on the top corner.

Here is the site: http://www.waidt.ca/

Thanks!