TwentyFourteen theme not working right in Safari

  • Hi. I’ve installed the TwentyFourteen theme (and created a child theme to alter a few body items), and it all works fine until I try and view it on an iTouch or iPad.

    On both, the page does not shrink down to fit the screen, as it does on my other WordPress installation (which uses the Evening Shade theme).

    Instead, the layout gets messed up. The site title at the top left gets clipped on the iTouch, and only the search icon (green box with magnifying glass) and the three lines (collapsed menu?) appear in the menu area. Any sidebars appear to be pushed to the bottom.

    Any idea what is happening?
    (On Firefox and IE, it looks fine)

Viewing 1 replies (of 1 total)
  • Thread Starter Laer

    (@laer)

    [Late Addition} As I suspected, the child theme is partially to blame. I had increased the letter spacing of the site title (so it extends past the sidebar’s right edge)… and it seems the theme splits the display up, cropping the part of the title that extends.

    I now just realized that the three lines are in fact a compressed menu, and that the ‘missing’ menu items are in there, instead of on the top menu.

    With the theme modifications off (child theme off) I can better see what the theme is doing, as far as adjusting to the iTouch/iPad screen.

    Okay, I think I got this figured out. The widening of the site name at the top left caused a bunch of elements to get pushed around and misaligned. Shrinking the title down has made everything fall back into place.

    Any comments or words of wisdom are still welcome, though…

Viewing 1 replies (of 1 total)
  • The topic ‘TwentyFourteen theme not working right in Safari’ is closed to new replies.

Tags