diff --git a/src/components/news/Navbar.vue b/src/components/news/Navbar.vue
index a8ed5e8..d0dcd78 100644
--- a/src/components/news/Navbar.vue
+++ b/src/components/news/Navbar.vue
@@ -21,6 +21,11 @@
       <p>&#9650;</p>
       <p>&#9660;</p>
     </button>
+    <div
+      style="width:100vw;height:100vh;color:red;position:fixed;top:0;right:0;"
+      v-if="isMobileView && navVisible"
+      @click="()=>navVisible=!navVisible"
+    ></div>
   </nav>
 </template>
 
diff --git a/src/components/ocfp-news/Navbar.vue b/src/components/ocfp-news/Navbar.vue
index 6a32de5..e8acb7b 100644
--- a/src/components/ocfp-news/Navbar.vue
+++ b/src/components/ocfp-news/Navbar.vue
@@ -21,6 +21,11 @@
       <p>&#9650;</p>
       <p>&#9660;</p>
     </button>
+    <div
+      style="width:100vw;height:100vh;color:red;position:fixed;top:0;right:0;"
+      v-if="isMobileView && navVisible"
+      @click="()=>navVisible=!navVisible"
+    ></div>
   </nav>
 </template>