Ok I see what’s going on. You are using columns to layout your site and there are some empty columns. What happens when you publish your site or you preview it all the empty columns disappear. So it seems you are using margin and padding to offset those empty columns and then they disappear - so all the margin and padding you used overcompensates and the elements overlap themselves.
In your case I would delete all the Position: Relative and Position: Absolute properties you have on your elements. Also remove the Top margin you set on your button in the phone devices.
If I were you I’d recreate your site - instead of using columns do this:
- Select the Body
- Make it background black and make it text-align center.
- Now when you drop anything (images, link block, button, text, whatever) it will be center aligned.
- If you want your images or text to be a specific width give it a width.
In this case you don’t need any containers, columns or all those extra styles.