Fix mobilenav and modal

[plack-app-gruntmaster.git] / js / 90-mobilenav.js

diff --git a/js/90-mobilenav.js b/js/90-mobilenav.js
index f8774214d5109fbab11460017dd1ab799bf2368b..36e7298b9b4b43e834b9fd6c7be2a41f97b72e45 100644 (file)
--- a/js/90-mobilenav.js
+++ b/js/90-mobilenav.js
@@ -1,13 +1,6 @@
-(function(){
-       'use strict';
-
-       $( document ).ready(function(){
-               if(window.innerWidth >= 768)
-                       return;
-               $('#title').before('<div class="text-center">Tap title to toggle menu</div>');
-               $('nav').addClass('hidden');
-               $('#title').on('click', function () {
-                       $('nav').toggleClass('hidden');
-               });
-       });
-})();
+$(function(){
+       const nav = $('nav')[0];
+       nav.classList.add('hidden-xs');
+       $('#title')[0].insertAdjacentHTML('beforebegin', '<div class="text-center visible-xs-block">Tap title to toggle menu</div>');
+       $('#title').on('click', () => nav.classList.toggle('hidden-xs'));
+});