Lỗi: sidebar.js dùng DOMContentLoaded nhưng script được load động sau khi
sự kiện này đã kích hoạt → initSidebar() không bao giờ chạy → nút menu
không có event listener → click không phản hồi.
Sửa: gọi initSidebar() trực tiếp thay vì bọc trong DOMContentLoaded.
- sidebar.css: change .floating-menu-btn breakpoint from max-width:768px
to max-width:992px so the button appears on tablets as well
- header.css: move .nav-container hide + .floating-menu-btn show into
the ≤992px block so desktop nav is hidden and sidebar activates on
all mobile + tablet viewports (Bootstrap lg breakpoint)
- ≥993px (desktop): header nav visible, sidebar hidden
- ≤992px (tablet + mobile): header nav hidden, sidebar floating button shown"
hiep200311