add translateX to mobil-menu

AnnaSamtash · Dec 27, 2023 · 013b312 · 013b312
1 parent baeab5f
commit 013b312
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 17 deletions.
diff --git a/src/css/mobil-menu.css b/src/css/mobil-menu.css
@@ -8,14 +8,14 @@
     height: 100%;
     background: #0e1823;
     opacity: 1;
-    visibility: visible;
     pointer-events: auto;
     transform: translateX(0%);
+    transition: transform 250ms linear;
   }
 
   .mob-menu-thumb.is-hidden {
     opacity: 0;
-    visibility: hidden;
+    transform: translateX(100%);
     pointer-events: none;
   }
 

diff --git a/src/partials/mobil-menu.html b/src/partials/mobil-menu.html
@@ -17,25 +17,13 @@
     <nav class="mob-menu-navigation">
       <ul class="mob-menu-navigation-list">
         <li class="mob-menu-navigation-item">
-          <a class="mob-menu-navigation-link" href="#about-us" target="_blank"
-            >About</a
-          >
+          <a class="mob-menu-navigation-link" href="#about-us">About</a>
         </li>
         <li class="mob-menu-navigation-item">
-          <a
-            class="mob-menu-navigation-link dark"
-            href="#our-yachts"
-            target="_blank"
-            >Yachts</a
-          >
+          <a class="mob-menu-navigation-link dark" href="#our-yachts">Yachts</a>
         </li>
         <li class="mob-menu-navigation-item">
-          <a
-            class="mob-menu-navigation-link dark"
-            href="#reviews"
-            target="_blank"
-            >Reviews</a
-          >
+          <a class="mob-menu-navigation-link dark" href="#reviews">Reviews</a>
         </li>
       </ul>
     </nav>