From c5c238bb630c07ac4e2b052bf3612078b1bfbc03 Mon Sep 17 00:00:00 2001 From: unknown Date: Wed, 22 Jul 2026 20:08:54 +0800 Subject: [PATCH] fix(nav): stop Bootstrap .collapse from hiding desktop top bar Markup used `collapse navbar-collapse`; BS5 hides `.collapse:not(.show)`. Drop the `.collapse` class in the header shell and force desktop `.navbar-collapse` to display:flex so menu/CTA/user/search stay visible. --- assets/css/frontend/nav/zib-utilities.css | 15 ++++++++++++--- inc/helpers/header/aksrt-header-render.php | 5 ++++- 2 files changed, 16 insertions(+), 4 deletions(-) diff --git a/assets/css/frontend/nav/zib-utilities.css b/assets/css/frontend/nav/zib-utilities.css index 7c39a6e2..0bd2d620 100644 --- a/assets/css/frontend/nav/zib-utilities.css +++ b/assets/css/frontend/nav/zib-utilities.css @@ -105,18 +105,27 @@ body.mobile-navbar-show { overflow: hidden; } margin: 0 auto; width: 100%; } -.navbar-collapse { - display: flex; +/* Beat Bootstrap 5 `.collapse:not(.show){display:none}` if legacy markup still + carries both classes. Desktop top bar is always a flex row. */ +.navbar-top .navbar-collapse, +.navbar.navbar-top .collapse.navbar-collapse { + display: flex !important; align-items: center; flex: 1; min-width: 0; flex-wrap: nowrap; + visibility: visible; + height: auto; + overflow: visible; } .navbar-header { display: flex; align-items: center; flex-shrink: 0; } .navbar-top .navbar-toggle { display: none; background: none; border: 0; color: inherit; } @media (max-width: 767px) { .navbar-top .navbar-toggle { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; } - .navbar-collapse { display: none; } + .navbar-top .navbar-collapse, + .navbar.navbar-top .collapse.navbar-collapse { + display: none !important; + } } /* Senior submenu full width under fixed header */ diff --git a/inc/helpers/header/aksrt-header-render.php b/inc/helpers/header/aksrt-header-render.php index 146ba42f..5a8a52ca 100644 --- a/inc/helpers/header/aksrt-header-render.php +++ b/inc/helpers/header/aksrt-header-render.php @@ -169,7 +169,10 @@ $nav_style = ''; aksrt_navbar_header($ctx); - echo '
'; + // Do NOT use Bootstrap's `.collapse` here — BS5 hides `.collapse:not(.show)` + // which would wipe the whole PC top bar (menu / CTA / user / search). + // Zibll uses a plain `.navbar-collapse` flex row; mobile uses the drawer. + echo '
'; if ('3' !== $layout) { aksrt_menu_items('primary', true); }