Need help with formatting

I have alignment problems on my mobile site, yet they don't show up when I'm editing from my laptop, even when I put it on mobile view. The first I'm showing below with a screenshot from my daughter's mobile phone, an Iphone. You can see the alignment is all wrong. This is my home page:

The second and third problem have to do with the way the hamburger menu shows up from the home screen, and then when "services" are selected from the menu. None of them line up properly on the mobile. You can see in the first image that the menu is too low. The services option is pushed and you can see how that appears in the second image. The third image shows all of the services options, but they only appear if you zoom out. None of these problems show up while editing on Squarespace using the mobile view. Can you please help??

Thank you,  Sharon 

Can you share site url? We can check problem easier