diff --git a/rss/css/theme.css b/rss/css/theme.css
index b4abefd..d118ca8 100644
--- a/rss/css/theme.css
+++ b/rss/css/theme.css
@@ -17,11 +17,14 @@ header {
   position: relative;
   z-index: 999;
   font-family: "Nunito", sans-serif;
+  background-color: #fff;
 }
 header .logo {
   width: 100px;
   display: flex;
+  z-index: 999;
   cursor: pointer;
+  background-color: #fff;
 }
 header .logo img {
   width: 100%;
@@ -30,6 +33,29 @@ header .logo img {
 header nav {
   display: flex;
   position: relative;
+  z-index: -1;
+}
+@media (max-width: 768px) {
+  header nav {
+    top: -200%;
+    display: flex;
+    flex-direction: column;
+    position: absolute;
+  }
+  header nav.open {
+    top: 99%;
+    left: 0;
+    width: 100%;
+    transition: all 0.3s;
+    background-color: #fff;
+    height: auto;
+    z-index: -1;
+    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.12);
+  }
+  header nav.open a {
+    padding: 7px 10px;
+    font-size: 16px;
+  }
 }
 header nav .menu-item {
   color: #000000;
@@ -62,6 +88,16 @@ header nav .menu-item:hover {
 header nav .menu-item:hover::after {
   transform: scaleX(1);
 }
+header .mobile-toggler {
+  background-color: #fff;
+  border: none;
+  font-size: 18px;
+}
+@media (min-width: 769px) {
+  header .mobile-toggler {
+    display: none;
+  }
+}
 
 .home-banner {
   height: calc(100vh - 55px);
@@ -171,6 +207,7 @@ header nav .menu-item:hover::after {
     height: 100%;
     z-index: 1;
     opacity: 0.1;
+    width: 100%;
   }
 }
 .home-banner .home-banner-inner .image-wrapper img {
diff --git a/rss/css/theme.css.map b/rss/css/theme.css.map
index d228256..4840644 100644
--- a/rss/css/theme.css.map
+++ b/rss/css/theme.css.map
@@ -1 +1 @@
-{"version":3,"sources":["variables.scss","theme.scss","theme.css"],"names":[],"mappings":"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","file":"theme.css"}
\ No newline at end of file
+{"version":3,"sources":["variables.scss","theme.scss","theme.css"],"names":[],"mappings":"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","file":"theme.css"}
\ No newline at end of file
diff --git a/rss/css/theme.scss b/rss/css/theme.scss
index 0e00fac..aa1c33e 100644
--- a/rss/css/theme.scss
+++ b/rss/css/theme.scss
@@ -10,11 +10,18 @@ header {
     position: relative;
     z-index: 999;
     font-family: "Nunito", sans-serif;
+    background-color: #fff;
+
+    @media(max-width:768px){
+      // height: 48px;
+    }
 
     .logo {
         width: 100px;
         display: flex;
+        z-index: 999;
         cursor: pointer;
+        background-color: #fff;
 
         img {
             width: 100%;
@@ -25,6 +32,29 @@ header {
     nav {
         display: flex;
         position: relative;
+        z-index: -1;
+
+        @media(max-width:768px){
+          top: -200%;
+          display: flex;
+          flex-direction: column;
+          position: absolute;
+          &.open{
+          top: 99%;
+          left: 0;
+          width: 100%;
+          transition: all 0.3s;
+          // padding: 5px 10px;
+          background-color: #fff;
+          height: auto;
+          z-index: -1;
+          box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.12);
+            a{
+              padding: 7px 10px;
+              font-size: 16px;
+            }
+          }
+        }
 
         .menu-item {
             color: #000000;
@@ -63,6 +93,15 @@ header {
             }
         }
     }
+
+    .mobile-toggler{
+      background-color: #fff;
+      border: none;
+      font-size: 18px;
+      @media(min-width: 769px){
+        display: none;
+      }
+    }
 }
 
 .home-banner {
@@ -178,6 +217,7 @@ header {
         height: 100%;
         z-index: 1;
         opacity: 0.1;
+        width: 100%;
       }
 
       img {
diff --git a/rss/js/main.js b/rss/js/main.js
index 001d7cf..fdeb7ce 100644
--- a/rss/js/main.js
+++ b/rss/js/main.js
@@ -73,4 +73,10 @@ async function removeAlert(){
             alert.remove();
         }
     }
-}
\ No newline at end of file
+}
+
+document.addEventListener('DOMContentLoaded', () =>{
+    document.getElementById('menu-toggler').addEventListener('pointerdown', () =>{
+        document.getElementById('mainMenu').classList.toggle('open');
+    })
+});
\ No newline at end of file
diff --git a/rss/php/includes/header.php b/rss/php/includes/header.php
index 75202ab..acd56ae 100644
--- a/rss/php/includes/header.php
+++ b/rss/php/includes/header.php
@@ -68,8 +68,8 @@ $pageDescription = htmlspecialchars($pageDescription ?? 'Free dating! Ultimate f
             <img src="/rss/img/logo.png" alt="Stella Amor Logo" width="150" height="50">
         </a>
     </div>
-    <button class="menu-toggle" aria-label="Toggle navigation">☰</button>
-    <nav>
+    <button class="mobile-toggler" aria-label="Toggle navigation" id="menu-toggler">☰</button>
+    <nav id="mainMenu">
         <?php 
         $currentPage = $_SERVER['REQUEST_URI'];
         foreach($menu as $name => $link):