So I have an issue that I hope is an easy fix to an issue I can’t seem to solve. I changed the heading styles to ems and adjusted each header size for the various breakpoints (ie, h1 is 3em at desktop, 2.5 em at mobile). Everything looks and works great except on one page. I have a div block that is set to be 80% width at mobile and I have an image and some type within that div. For some reason the h1 header does not wrap within the div and overflows out of the div. I really do not know what can be causing this.
Does anyone have an answer? Help would be greatly appreciated!
Here is a screen shot of the designer view (or you can use the link), also here is a screenshot of how it looks on mobile: