StaticMenuBar

script.js

@@ -95,6 +95,11 @@ document.addEventListener('DOMContentLoaded', () => {
                 // Trigger reflow
                 void feedView.offsetWidth;
                 feedView.classList.add('fade-in');
+
+                // Remove fade-in class after animation to fix fixed positioning context
+                setTimeout(() => {
+                    feedView.classList.remove('fade-in');
+                }, 600);
             }, 600); // Wait for transition
         }
     }

styles/main.css

@@ -522,16 +522,17 @@ p {
 .bottom-nav {
     position: fixed;
     bottom: 0;
-    left: 0;
+    left: 50%;
+    transform: translateX(-50%);
     width: 100%;
+    max-width: 480px;
     background: rgba(10, 10, 11, 0.95);
     backdrop-filter: blur(20px);
     -webkit-backdrop-filter: blur(20px);
     border-top: 1px solid var(--glass-border);
     display: flex;
     justify-content: space-around;
-    padding: 12px 0 25px;
-    /* Extra padding for iOS home bar */
+    padding: 12px 0;
     z-index: 100;
 }