Hero section looks broken in mobile view

Guys, I need your help. This is my second day trying to fix this issue. What I am doing wrong – Hero section looks ok on PC but on mobile everything become broken somehow. The green area is a background of the Body to see clearly what is going on.

Please help.

Here is my site Read-Only: https://preview.webflow.com/preview/web-usa?preview=f45ab468b81add60a4fc5f2176684d6f


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Have you tried using the nav bat component?

thanks so much @aaronocampo.

green area gone but hero text still broken. any idea?

Try changing your "hero up text’ to relative instead of absolute and play with sizing to see if you can make it to work.