[FIX] main navigation in iPad landscape-view (Podio bug t3kit#25)

theevee · Feb 6, 2017 · c402213 · c402213
1 parent 4fe6981
commit c402213
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/dev/js/main/header/header.js b/dev/js/main/header/header.js
@@ -1,7 +1,7 @@
 // =================================
 // Global variables (jshint):
 
-    /*global*/
+    /*global touchSupport*/
 // =================================
 
 jQuery(function($) {
@@ -65,6 +65,12 @@ jQuery(function($) {
 jQuery(function($) {
     var navbar = $('.js__main-navigation');
     var offsetTop = navbar.offset().top;
+    $(window).on('orientationchange',function() {
+        if ($(window).width() > 992 && touchSupport) {
+            var navbarPos = navbar.css('position');
+            offsetTop = $('header').height() - (navbarPos === 'fixed' ? 0 : navbar.outerHeight());
+        }
+    });
     $(window).on('load scroll', function() {
         var scrollPos = $(window).scrollTop();
         if (scrollPos > offsetTop) {

diff --git a/dev/styles/main/header/header.less b/dev/styles/main/header/header.less
@@ -627,6 +627,9 @@
         -webkit-transform: translate3d(0px,0px,0px);
         transform: translate3d(0px,0px,0px);
     }
+    .touch .main-navigation-fixed .main-navigation{
+        z-index: 7000;
+    }
     .main-navigation-fixed .header {
         padding-bottom: @nav-height;
     }