Use document.documentElement.clientWidth instead of window.innerWidth

diff --git a/js/10-modal.js b/js/10-modal.js
index 9bf83ce71f634aad3bfb124fcba63962edb6a782..eea85d7ac43e7a080aff36bd9164ea840071752b 100644 (file)
--- a/js/10-modal.js
+++ b/js/10-modal.js
@@ -13,7 +13,7 @@ function hide_modal () {
 }
 
 $(function() {
-       if(window.innerWidth < 768)
+       if(document.documentElement.clientWidth)
                return;
        modal = $('.modal')[0];
        backdrop = $('.backdrop')[0];

diff --git a/js/90-mobilenav.js b/js/90-mobilenav.js
index fb575d9288a34f375e1118418be5181a87fdfeed..c53666967596cf298dfabcfad404a75e1d5fcceb 100644 (file)
--- a/js/90-mobilenav.js
+++ b/js/90-mobilenav.js
@@ -1,5 +1,5 @@
 $(function(){
-       if(window.innerWidth >= 768)
+       if(document.documentElement.clientWidth >= 768)
                return;
        $('#title')[0].insertAdjacentHTML('beforebegin', '<div class="text-center">Tap title to toggle menu</div>');
        $('nav')[0].classList.add('hidden');