Dashboard Mobile and actual mobile view not the same

This client website looks fine in the dashboard mobile editing, but in reality, when viewed on actual mobile browsers (tried on Google, Safari, and Duck Duck Go) it creates strange spacing and a "menu margin". The menu gets pushed off the screen (see screenshots). Any thoughts on what could be causing this? Thanks in advance!

Website: www.livingwholehearted.com

Thank you @tuanphan that helped with the navigation margin. The text is still overlapping and not formatting correctly in mobile, any thoughts on that?

I see text is fine on homepage. Which page are you have problems with?

https://www.livingwholehearted.com/

On 7/15/2024 at 1:23 AM, tuanphan said:

I see text is fine on homepage. Which page are you have problems with?

https://www.livingwholehearted.com/

On mobile. It is inconsistent with overlapping headers when I open in different browsers.