Layout problems in iOS (iPhone, Safari) for pages with sidebars

  • I have a problem with my wordpress site running tempera using sidebars in iOS.

    On iOS, iPhone 5S running iOS8 (Safari) in either portrait or landscape, the right side bar that I have on all pages is interfering with the layout. In portrait it crops the main layout content to a small slither along the left side, then places the sidebar at the bottom of the screen (which I assume is correct for portrait). However, for landscape, the main content shows OK however not the full width of the screen. There is space for the side bar however the side bar renders at the bottom of the screen after the main content. See the following screen grabs.

    https://www.dropbox.com/sh/5v62p6skxmg9chi/AADLdRBbmgYepqxQRDFENiJna?dl=0

    I’ve disabled any plugins that affect all pages and removed all widgets. Same result. The only layout that seems to work OK is one with no sidebars. I’ve had a look through the tempura settings and can’t seem to find anything obviously wrong.

    Does anyone have any suggestions? Main site is http;//yamauchijirou.jp

Viewing 1 replies (of 1 total)

  • I have the same problem also on mobile devices. I don’t think it’s an issolated Apple thing. I tried it on my wifes android with the same wierd stretching.

Viewing 1 replies (of 1 total)
  • The topic ‘Layout problems in iOS (iPhone, Safari) for pages with sidebars’ is closed to new replies.

Tags