Context Navigation

Ticket #30366: 30366.5.diff

File 30366.5.diff, 1.5 KB (added by iamtakashi, 10 years ago)
Provide portrait layout to landscape mode to avoid fixed element issues on iPad

 <html <?php language_attributes(); ?> class="no-js">
 <head>
         <meta charset="<?php bloginfo( 'charset' ); ?>">
         <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="viewport" content="width=device-width">
         <link rel="profile" href="http://gmpg.org/xfn/11">
         <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
         <!--[if lt IE 9]>

  */
 @media screen and (min-width: 59.6875em) {
-        body:before,
-        .sidebar-fixed .site-header,
-        .sidebar-fixed .main-navigation,
-        .sidebar-fixed .social-navigation,
-        .sidebar-fixed .widget {
-                -webkit-transform: translateZ(0); /* Fixes flashing bug with scrolling on iOS Safari */
+        }
-        .sidebar-fixed .sidebar {
-                position: fixed;
+        }
         body:before {
                 background-color: #fff;
                 box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
 …
                 top: 0;
                 left: 0;
                 width: 29.4118%;
+                z-index: 0; /* Fixes flashing bug with scrolling on Safari */
+        }
         .site {