From 1eae6ab1c7bd79ea03f0f42f422f3f76fce437bf Mon Sep 17 00:00:00 2001
From: "arlemp@selectel.ru" <arlemp@selectel.ru>
Date: Wed, 8 Dec 2021 00:15:32 +0300
Subject: [PATCH] add new gamburger

---
 blocks/header.php      | 25 ++++++++++++----------
 footer.php             |  1 +
 header.php             |  4 ++--
 scripts/burger-menu.js | 22 +++++++++++++------
 style.css              | 48 +++++++++++++++++++++++++++++++++++++-----
 5 files changed, 76 insertions(+), 24 deletions(-)

diff --git a/blocks/header.php b/blocks/header.php
index 82a4b4a..d799c75 100644
--- a/blocks/header.php
+++ b/blocks/header.php
@@ -1,8 +1,21 @@
 <header>
+
+<div id="mobile_main_menu">
+                <?php wp_nav_menu( array( 
+                    'container_class' => 'main_main', 
+                    'theme_location' => 'top',
+                    'menu_id' => 'gamburer_menu'
+                ) ); ?>
+           
+
+    <div id="closed_mobile_menu"></div>            
+</div>
             
             <div id="mainlogo">    
                <a  href="<?php echo home_url(); ?>"><img width="240" src = "<?=get_stylesheet_directory_uri()?>/pub/logo/vij_logo.svg" alt = "Ветеринария и жизнь. Газета и сайт" /></a>
             </div>
+
+
             
             <? $lang_version =  lang_version();
                 
@@ -35,20 +48,10 @@
            <ul id="header_icons">
                 <a href="<?=get_site_url()?>?s="><li class="btn_search"></li></a>
                 <a href="<?=get_site_url()?>/feed"><li class="btn_rss"></li></a>
-                <li class="toggle-nav"></li>
+                <li class="toggle-nav" id="toggle-nav"></li>
             </ul>  
 
 
-
-            <nav class="menu main">
-                <?php wp_nav_menu( array( 
-                    'container_class' => 'main_main', 
-                    'theme_location' => 'top',
-                    'menu_id' => 'gamburer_menu'
-                ) ); ?>
-            </nav>
-
-
 </header>
 
 <div class="menu-rubrics">
diff --git a/footer.php b/footer.php
index 3e9f492..0515592 100644
--- a/footer.php
+++ b/footer.php
@@ -170,6 +170,7 @@
 <noscript><div><img src="https://mc.yandex.ru/watch/56480275" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
 <!-- /Yandex.Metrika counter -->
 
+<script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/burger-menu.js?ver=18"></script>
 </body>
 </html>
 
diff --git a/header.php b/header.php
index 15afba9..5fce199 100644
--- a/header.php
+++ b/header.php
@@ -4,10 +4,10 @@
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
         <title><?php wp_title('|', true, 'right');?><?=get_bloginfo('name')?></title>
-        <link rel="stylesheet" href="<?php echo get_stylesheet_uri();?>?ver=83">
+        <link rel="stylesheet" href="<?php echo get_stylesheet_uri();?>?ver=81">
         <link href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" rel="stylesheet">
         <script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/jquery-3.6.0.min.js"></script>
-        <script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/burger-menu.js?ver=10"></script>
+        <script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/burger-menu.js?ver=18"></script>
         <script type='text/javascript' src="<?php echo get_stylesheet_directory_uri()?>/scripts/golos.js"></script>
         <meta property="og:title" content="<?php wp_title('|', true, 'right');?><?=get_bloginfo('name')?>" />
         <link rel="icon" href="https://vetandlife.ru/favicon.ico" type="image/x-icon">
diff --git a/scripts/burger-menu.js b/scripts/burger-menu.js
index 439023f..3e71fb4 100644
--- a/scripts/burger-menu.js
+++ b/scripts/burger-menu.js
@@ -1,12 +1,22 @@
 jQuery(document).ready(function() {
-    jQuery('.toggle-nav').click(function(e) {
-        jQuery('.menu.main ul').slideToggle(500);
-        e.preventDefault();
-    });
-
+    
     $(".fa-search").click(function(){
         $(".wrap, .input").toggleClass("active");
         $("input[type='text']").focus();
       });
      
-});
\ No newline at end of file
+});
+
+
+var closed_menu = document.getElementById('closed_mobile_menu');
+var mobile_main_menu = document.getElementById('mobile_main_menu');
+var toggle_nav = document.getElementById('toggle-nav');
+
+
+closed_menu.onclick = function() {
+    mobile_main_menu.style.display = 'none';
+};
+
+toggle_nav.onclick = function() {
+    mobile_main_menu.style.display = 'block';
+};
\ No newline at end of file
diff --git a/style.css b/style.css
index e2e4f11..8efb7da 100644
--- a/style.css
+++ b/style.css
@@ -1762,12 +1762,52 @@ img-fluid{
 }
 
 
-
-#gamburer_menu{
+#mobile_main_menu{
   display: none;
+  position:fixed;
+  top:0px;
+  bottom:0px;
+  left:0px;
+  right:0px;
+  z-index:100;
+  min-width: 600px;  
+  background: #fff;
+  border-top: 1px solid #F5F5F5;
+  padding-top: 42px;
+
 }
 
 
+
+#closed_mobile_menu{
+  position: fixed; 
+  z-index: 1; 
+  top: 20px; 
+  right: 5%; 
+  height: 20px; 
+  width: 20px; 
+  background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/closed.svg) left center;
+
+}
+  
+#gamburer_menu li{
+  font-weight: bold;
+  font-size: 13px;
+  text-transform: uppercase;
+  border-bottom: 1px solid #F5F5F5;
+  margin-top: 22px;
+  padding-bottom: 22px;
+  margin-bottom: 8px;
+} 
+
+  #gamburer_menu a{
+    color: #00466A;
+  }  
+
+  #gamburer_menu a:hover{
+    color: #F18129;
+  }  
+
 .mob-lite{
   display: none;
 }
@@ -1916,9 +1956,7 @@ img-fluid{
   }  
    
 
-  #gamburer_menu a{
-    font-weight: bold;
-  }  
+
    
   
   .mob-lite{