Site is squished to one side of the screen in live preview and when published, but looks fine when editing, with edit window open or closed.

Yes because the left bar is taking up the space and adjusting the rest of the area to the right. Then when you actually see the live site you get the actual picture. This is just a preview screen to view whether the text or color changes were implemented properly or not.