Remove mobile menu and hamburger button

3 files changed, 1 insertions, 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 -->