/* Add this CSS after your existing CSS or replace the mobile menu section */ /* Mobile Menu Fix - Replace existing mobile menu CSS with this */ .nav-menu.active { display: flex !important; } .mobile-menu-btn { display: none; background: none; border: none; font-size: 1.5rem; color: white; cursor: pointer; z-index: 1001; } @media (max-width: 992px) { .mobile-menu-btn { display: block; } .nav-menu { display: none; position: fixed; top: 70px; left: 0; width: 100%; background-color: rgba(15, 11, 31, 0.98); flex-direction: column; padding: 20px; box-shadow: 0 10px 20px rgba(0,0,0,0.3); z-index: 1000; gap: 15px; } .nav-menu.active { display: flex !important; } }