Spirit Theme Layout is different in edit mode

Seriously guys this framework will take over the world.

I have an issue with the display of the region directly below the header. On the left there is a menu, on the right the social widget. When I view the page on another tab or another computer the widget is now on the bottom of this section.

Also is there any way to include this section as part of the global header. I love the fact that its separated and you can use a full width colour background.