From cd5d5280ca954a14fcb1aea60db835881235a2d9 Mon Sep 17 00:00:00 2001
From: Andrii-Moshenskyi <andrii.moshenskyi@gmail.com>
Date: Fri, 22 Jan 2021 23:05:30 +0200
Subject: Remove mobile menu and hamburger button

---
 sass/header.sass    | 38 +-----------------------------------
 site/css/main.css   | 55 -----------------------------------------------------
 templates/main.html | 13 -------------
 3 files changed, 1 insertion(+), 105 deletions(-)

diff --git a/sass/header.sass b/sass/header.sass
index 0ae1105..6e2c081 100644
--- a/sass/header.sass
+++ b/sass/header.sass
@@ -62,40 +62,4 @@ header
         +resp(lg)
           font-size: 14px
         &:hover
-          color: $orange
-
-    div.header__mobile-menu__buttons
-      height: 100%
-      width: 30px
-      justify-content: center
-      display: none
-      +resp(sm)
-        display: flex
-      img
-        cursor: pointer
-        display: none
-      img.active
-        display: block
-
-nav#mobile-menu
-  z-index: 1
-  bottom: 0
-  top: 0
-  right: 0
-  position: fixed
-  left: 100%
-  background-color: $white
-  padding: 70px 15px
-  +resp(esm)
-    padding: 60px 15px
-  a
-    display: block
-    text-transform: uppercase
-    color: $black
-    text-decoration: none
-    padding: 15px 0
-    font-weight: 600
-    transition: 0.3s
-    border-bottom: 1px solid #e0e0e0
-    &:hover
-      color: $orange
\ No newline at end of file
+          color: $orange
\ No newline at end of file
diff --git a/site/css/main.css b/site/css/main.css
index 458b9b6..f1b0441 100644
--- a/site/css/main.css
+++ b/site/css/main.css
@@ -275,61 +275,6 @@ header div.header__inner div.header__links-side a {
 header div.header__inner div.header__links-side a:hover {
   color: #FFBE12;
 }
-header div.header__inner div.header__mobile-menu__buttons {
-  height: 100%;
-  width: 30px;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  display: none;
-}
-@media only screen and (max-width: 767px) {
-  header div.header__inner div.header__mobile-menu__buttons {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-  }
-}
-header div.header__inner div.header__mobile-menu__buttons img {
-  cursor: pointer;
-  display: none;
-}
-header div.header__inner div.header__mobile-menu__buttons img.active {
-  display: block;
-}
-
-nav#mobile-menu {
-  z-index: 1;
-  bottom: 0;
-  top: 0;
-  right: 0;
-  position: fixed;
-  left: 100%;
-  background-color: #ffffff;
-  padding: 70px 15px;
-}
-@media only screen and (max-width: 575px) {
-  nav#mobile-menu {
-    padding: 60px 15px;
-  }
-}
-nav#mobile-menu a {
-  display: block;
-  text-transform: uppercase;
-  color: #18191C;
-  text-decoration: none;
-  padding: 15px 0;
-  font-weight: 600;
-  -webkit-transition: 0.3s;
-  -o-transition: 0.3s;
-  transition: 0.3s;
-  border-bottom: 1px solid #e0e0e0;
-}
-nav#mobile-menu a:hover {
-  color: #FFBE12;
-}
 
 section.banner {
   background-image: url("/img/front-page/banner/banner-bg.svg");
diff --git a/templates/main.html b/templates/main.html
index d11e2e0..adff98c 100644
--- a/templates/main.html
+++ b/templates/main.html
@@ -32,23 +32,10 @@
             <a href="/test">TEST AND REPORT A BUG</a>
             <a href="http://vyos.io">COMMERCIAL SERVICES</a>
           </div>
-          
-          <div class="header__mobile-menu__buttons">
-            <img class="open active" src="/img/header/mobile-menu-open.svg">
-            <img class="close" src="/img/header/mobile-menu-close.svg">
-          </div>
-
         </div>
       </div>
     </header>
 
-    <nav id="mobile-menu">
-      <a href="#">GET VYOS</a>
-      <a href="#">CONTRIBUTE</a>
-      <a href="#">REPORT A BUG</a>
-      <a href="#">COMMERCIAL SERVICES</a>
-    </nav>
-
     <main>
       <div class="container small" id="content">
         <!-- content is automatically inserted here -->
-- 
cgit v1.2.3