From 2698fc22b266c6f1aa8cb0abe2ec891a17e5286d Mon Sep 17 00:00:00 2001
From: = <=>
Date: Wed, 2 Jun 2021 16:37:23 +0500
Subject: [PATCH] 123

---
 .../css/components/2-layout/header.scss       |  3 ++
 .../css/components/2-layout/responsive.scss   |  1 +
 themes/modern2/assets/css/main.css            |  5 +++
 themes/modern2/pages/index.htm                | 39 +----------------
 themes/modern2/partials/header.htm            | 42 ++++++++++++++++++-
 5 files changed, 50 insertions(+), 40 deletions(-)

diff --git a/themes/modern2/assets/css/components/2-layout/header.scss b/themes/modern2/assets/css/components/2-layout/header.scss
index 50a29ec12..0eade9eaf 100755
--- a/themes/modern2/assets/css/components/2-layout/header.scss
+++ b/themes/modern2/assets/css/components/2-layout/header.scss
@@ -69,3 +69,6 @@
         display: none;
     }
 }
+.mobileSearch {
+    display: block;
+}
diff --git a/themes/modern2/assets/css/components/2-layout/responsive.scss b/themes/modern2/assets/css/components/2-layout/responsive.scss
index 2805662dd..3bee19117 100755
--- a/themes/modern2/assets/css/components/2-layout/responsive.scss
+++ b/themes/modern2/assets/css/components/2-layout/responsive.scss
@@ -227,6 +227,7 @@
     }
     .search {
         &Modal {
+            display: block;
             @include transition;
             position: fixed;
             z-index: 1000;
diff --git a/themes/modern2/assets/css/main.css b/themes/modern2/assets/css/main.css
index 38413f249..4665f7a92 100755
--- a/themes/modern2/assets/css/main.css
+++ b/themes/modern2/assets/css/main.css
@@ -190,6 +190,10 @@ li {
   display: none;
 }
 
+.mobileSearch {
+  display: block;
+}
+
 .footer {
   background: #242424;
   padding: 30px 0;
@@ -2231,6 +2235,7 @@ li {
   }
 
   .searchModal {
+    display: block;
     transition: all 0.2s ease-in-out 0s;
     -moz-transition: all 0.2s ease-in-out 0s;
     position: fixed;
diff --git a/themes/modern2/pages/index.htm b/themes/modern2/pages/index.htm
index 8b54a673d..c82428898 100644
--- a/themes/modern2/pages/index.htm
+++ b/themes/modern2/pages/index.htm
@@ -140,44 +140,7 @@ random = 0
         </div>
     </div>
 </section>
-<div class="searchModal" id="searchModal">
-    <div class="searchModal__inner">
-        <div class="searchClose" id="searchClose">
-            <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
-                xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 492 492"
-                style="enable-background:new 0 0 492 492;" xml:space="preserve">
-                <g>
-                    <g>
-                        <path d="M300.188,246L484.14,62.04c5.06-5.064,7.852-11.82,7.86-19.024c0-7.208-2.792-13.972-7.86-19.028L468.02,7.872
-                c-5.068-5.076-11.824-7.856-19.036-7.856c-7.2,0-13.956,2.78-19.024,7.856L246.008,191.82L62.048,7.872
-                c-5.06-5.076-11.82-7.856-19.028-7.856c-7.2,0-13.96,2.78-19.02,7.856L7.872,23.988c-10.496,10.496-10.496,27.568,0,38.052
-                L191.828,246L7.872,429.952c-5.064,5.072-7.852,11.828-7.852,19.032c0,7.204,2.788,13.96,7.852,19.028l16.124,16.116
-                c5.06,5.072,11.824,7.856,19.02,7.856c7.208,0,13.968-2.784,19.028-7.856l183.96-183.952l183.952,183.952
-                c5.068,5.072,11.824,7.856,19.024,7.856h0.008c7.204,0,13.96-2.784,19.028-7.856l16.12-16.116
-                c5.06-5.064,7.852-11.824,7.852-19.028c0-7.204-2.792-13.96-7.852-19.028L300.188,246z" />
-                    </g>
-                </g>
-            </svg>
-        </div>
-        <div class="searchLogo">
-            <img src="{{'assets/images/logo.svg'|theme}}" alt="orient logo">
-        </div>
-        <form class="searchInput" action="{{ 'search' | page }}" method="get">
-            <input type="searh" name="q" placeholder="{{'page.search'|_}}">
-            <button class="searchInput__btn">
-                <svg xmlns="http://www.w3.org/2000/svg" width="20.414" height="20.414" viewBox="0 0 20.414 20.414">
-                    <g id="Иконка_Поиск_" data-name="Иконка (Поиск)" transform="translate(1 1)">
-                        <circle id="Ellipse_1" data-name="Ellipse 1" cx="8" cy="8" r="8" fill="none" stroke="#242424"
-                            stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
-                        <line id="Line_1" data-name="Line 1" x1="4.35" y1="4.35" transform="translate(13.65 13.65)"
-                            fill="none" stroke="#242424" stroke-linecap="round" stroke-linejoin="round"
-                            stroke-width="2" />
-                    </g>
-                </svg>
-            </button>
-        </form>
-    </div>
-</div>
+
 
 <!-- main end
 ================================================ -->
\ No newline at end of file
diff --git a/themes/modern2/partials/header.htm b/themes/modern2/partials/header.htm
index 739ed0958..560055a4b 100644
--- a/themes/modern2/partials/header.htm
+++ b/themes/modern2/partials/header.htm
@@ -9,8 +9,8 @@ type = "single"
 random = 0
 ==
 <div class="main__banner" style="margin-bottom: 0;">
-        {% component 'adverts'%}
-    </div>
+    {% component 'adverts'%}
+</div>
 <!-- header start
 ================================================-->
 <header class="header">
@@ -72,6 +72,44 @@ random = 0
             </button>
         </div>
     </div>
+    <div class="searchModal" id="searchModal">
+        <div class="searchModal__inner">
+            <div class="searchClose" id="searchClose">
+                <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
+                    xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 492 492"
+                    style="enable-background:new 0 0 492 492;" xml:space="preserve">
+                    <g>
+                        <g>
+                            <path d="M300.188,246L484.14,62.04c5.06-5.064,7.852-11.82,7.86-19.024c0-7.208-2.792-13.972-7.86-19.028L468.02,7.872
+                    c-5.068-5.076-11.824-7.856-19.036-7.856c-7.2,0-13.956,2.78-19.024,7.856L246.008,191.82L62.048,7.872
+                    c-5.06-5.076-11.82-7.856-19.028-7.856c-7.2,0-13.96,2.78-19.02,7.856L7.872,23.988c-10.496,10.496-10.496,27.568,0,38.052
+                    L191.828,246L7.872,429.952c-5.064,5.072-7.852,11.828-7.852,19.032c0,7.204,2.788,13.96,7.852,19.028l16.124,16.116
+                    c5.06,5.072,11.824,7.856,19.02,7.856c7.208,0,13.968-2.784,19.028-7.856l183.96-183.952l183.952,183.952
+                    c5.068,5.072,11.824,7.856,19.024,7.856h0.008c7.204,0,13.96-2.784,19.028-7.856l16.12-16.116
+                    c5.06-5.064,7.852-11.824,7.852-19.028c0-7.204-2.792-13.96-7.852-19.028L300.188,246z" />
+                        </g>
+                    </g>
+                </svg>
+            </div>
+            <div class="searchLogo">
+                <img src="{{'assets/images/logo.svg'|theme}}" alt="orient logo">
+            </div>
+            <form class="searchInput" action="{{ 'search' | page }}" method="get">
+                <input type="searh" name="q" placeholder="{{'page.search'|_}}">
+                <button class="searchInput__btn">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="20.414" height="20.414" viewBox="0 0 20.414 20.414">
+                        <g id="Иконка_Поиск_" data-name="Иконка (Поиск)" transform="translate(1 1)">
+                            <circle id="Ellipse_1" data-name="Ellipse 1" cx="8" cy="8" r="8" fill="none"
+                                stroke="#242424" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
+                            <line id="Line_1" data-name="Line 1" x1="4.35" y1="4.35" transform="translate(13.65 13.65)"
+                                fill="none" stroke="#242424" stroke-linecap="round" stroke-linejoin="round"
+                                stroke-width="2" />
+                        </g>
+                    </svg>
+                </button>
+            </form>
+        </div>
+    </div>
 </header>
 <section class="subheader">
     <div class="auto__container">