=========================================
// MITEGI - MOBILE MENU FIX (CSS ONLY)
// ============================================================
// 1. Force menu to show when toggled (mobile only)
@media (max-width: 1024px) {
.navPages-container.is-open,
.navPages-container.show {
display: block !important;
max-height: 100vh !important;
overflow-y: auto !important;
visibility: visible !important;
opacity: 1 !important;
}
// Ensure sub-menus also show
.navPage-subMenu.is-open,
.navPage-subMenu.show,
.column-menu.is-open,
.column-menu.show {
display: block !important;
max-height: 100vh !important;
overflow-y: auto !important;
padding-left: 20px !important;
}
}
// 2. Keep desktop menu intact
@media (min-width: 1025px) {
.navPages-container {
display: flex !important;
max-height: none !important;
overflow: visible !important;
visibility: visible !important;
opacity: 1 !important;
}
}