From 02b6310bec30a8f4d8de526ac832e483871e3f30 Mon Sep 17 00:00:00 2001
From: "arlemp@selectel.ru" <arlemp@selectel.ru>
Date: Mon, 22 Nov 2021 18:27:10 +0300
Subject: [PATCH] add mobile menu

---
 blocks/header.php | 12 ++++++++++
 functions.php     |  3 ++-
 header.php        |  9 +++++---
 style.css         | 58 ++++++++++++++++++++++++++++++++++++++++++++++-
 4 files changed, 77 insertions(+), 5 deletions(-)

diff --git a/blocks/header.php b/blocks/header.php
index d3ad14b..c8bcf9a 100644
--- a/blocks/header.php
+++ b/blocks/header.php
@@ -25,6 +25,8 @@
                 <li class="toggle-nav"></li>
             </ul>  
 
+
+
             <nav class="menu main">
                 <?php wp_nav_menu( array( 
                     'container_class' => 'main_main', 
@@ -35,3 +37,13 @@
 
 
 </header>
+
+<div class="menu-rubrics">
+    
+    <?php wp_nav_menu( array(
+	    'menu_class'=>'m_rubrics',
+        'theme_location'=>'mobile'
+    ));?>
+</div>    
+
+
diff --git a/functions.php b/functions.php
index e659084..24b0639 100644
--- a/functions.php
+++ b/functions.php
@@ -38,7 +38,8 @@ db_config(DB_NAME, 'mysql:host='.DB_HOST.';dbname='.DB_NAME, DB_USER, DB_PASSWOR
 register_nav_menus(array(
 	'top'    => 'Верхнее меню',    
 	'bottom' => 'Нижнее меню',
-    'left' => 'Левое меню'      
+    'left' => 'Левое меню',
+    'mobile' => 'Мобильное меню'      
 ));
 
 # поддержка миниматюр
diff --git a/header.php b/header.php
index 376612e..ce40df1 100644
--- a/header.php
+++ b/header.php
@@ -4,7 +4,7 @@
         <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=68">
+        <link rel="stylesheet" href="<?php echo get_stylesheet_uri();?>?ver=70">
         <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=9"></script>
@@ -30,8 +30,11 @@
         </noscript>
 <!-- End Facebook Pixel Code -->
         
-        <?php include VIJ_CACHE.'header.html'?>       
-
+         
+        <?php include TEMPLATEPATH.'/blocks/header.php'; 
+        //get_template_part( '/blocks/header.php');?> 
+        <?php //include VIJ_CACHE.'header.html'?>        
+ 
         <?php $subclass = ''; ?>
         
         <div id="main">
diff --git a/style.css b/style.css
index d8d42b7..ebd514a 100644
--- a/style.css
+++ b/style.css
@@ -1733,6 +1733,45 @@ img-fluid{
 }
 
 
+.menu-rubrics{
+  display: none;
+}
+
+.m_rubrics {
+  display: flex;
+  overflow-x: scroll;
+  -webkit-overflow-scrolling: touch;
+  padding-bottom: 20px;
+  margin-left: -20px;
+  margin-bottom: -20px;
+  border-bottom: 1px solid #F2F2F2;
+}
+
+.m_rubrics li{
+  font-size: 12px;
+  color: #909294;
+  margin-right: 12px;
+  padding-bottom: 12px; 
+}  
+
+  .m_rubrics li a{
+    color: #909294;
+  }
+
+    .m_rubrics li a:hover{
+      color: #F18129;
+    }
+
+
+
+.m_rubrics li.current-menu-item{
+  color: #171717;
+  font-weight: bold;
+  border-bottom: 3px solid #F18129;
+}
+
+
+
 @media screen and ( max-width: 580px ) {
 
   #left{
@@ -1875,7 +1914,6 @@ img-fluid{
   }
 
 
-
 }
 
 
@@ -1964,6 +2002,13 @@ img-fluid{
   .main-card-text{
     display: none;
   }
+
+
+  .menu-rubrics{
+    display: inline-block;
+    margin-top: 22px;
+    overflow: hidden;
+  }
   
 }  
 
@@ -2023,6 +2068,17 @@ and (max-device-width : 667px) {
     display: none;
   }
 
+  .menu-rubrics{
+    display: inline-block;
+    margin: 0;
+    padding: 0;
+    margin-top: 22px;
+    margin-right: 22px;
+    overflow: hidden;
+    border: 1px solid black;
+  }
+  
+  
 }