Merge pull request #1116 from rajveeerr/main

Fix Hamberger Menu Z-Index Issue and Mobile Overflow Scroll Due to Iframe Width
SurajPratap10 · Oct 2, 2024 · 50f35ed · 50f35ed
2 parents 2977b8b + 7805d96
commit 50f35ed
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/views/home.ejs b/views/home.ejs
@@ -75,7 +75,7 @@
             </div>
             <div style="display: flex; flex-direction: column; align-items: center; width: 100vw; height: 100vh; margin-top: 100px;">
               <h1 style="text-align: center; color: rgb(243, 243, 243); font-size: 3rem; margin-bottom: 20px;">TUTORIAL</h1>
-              <div style="display:flex; align-items: center;   width:fit-content;height:fit-content;">
+              <div style="display:flex; align-items: center;   width:90%;height:fit-content;">
 
                 <iframe allow="autoplay;" allowfullscreen style="border:none" src="https://clipchamp.com/watch/S9VfyxjttlP/embed" width="940" height="560"></iframe>
             </div>

diff --git a/views/includes/sidebar.ejs b/views/includes/sidebar.ejs
@@ -30,6 +30,7 @@
     font-size: 40px;
     width: 50px;
     display: none;
+    z-index: 9999;
     }
 
     .hamburger i{