Layout on Mobile Safari not correct

When I use this theme on a desktop the widgets are placed on the right. That’s how I want it.

When using on an iphone in Chrome browser, the widgets are placed below the main content part, that’s how it should be mobile. But the view is not consistent and moving around gives the Safari problem, described below

When I use it in mobile Safari, the layout is like a normal desktop ( empty widgets column on the right) but the widgets are placed below the main content.