PW3 - Android Landscape Orientation Breaking Layout

[ridgedale]

I'm using Processwire 3.0.61 with the site-regular profile and am in the process of browser/device testing for the template I'm working on.

I've managed to get a consistent displaying of the site across Firefox, Google Chrome, Internet Explorer, Opera, Safari (both Windows and Mac checked but not Linux, yet) and Android (portrait orientation on SIII Mini).

When I initially switch to landscape orientation on the SIII Mini the layout is consistently retained. I'm assuming that is because the device initially zooms the page rather than redraws the screen. However, as soon as I click on the menu icon the screen is redrawn in such a manner that the body of the template is offset by what looks like +10px or so (right and down) pushing the whole of the content off the screen to the right as well as down. Interestingly the shadow on the banner background image (set to fill width of screen using the cover attribute) remains in place where it should be. But there is also the wierd artifact that any horizontal rules appear twice (once where they should be and once offset again by what looks like the same amount as mentioned above).

Nothing I've tried in terms of CSS3 has any effect so far. I'm wondering if anyone else has come across this issue. If so, could it be related to the UiKit3 css/js code?

Any help would be appreciated.