@media (max-width: 720px) { .site-header .main-navigation { height: fit-content; } } .main-navigation_wrap{ display: flex; justify-content: space-between; align-items: center; } /* ══════════════════════════════════════════ Lop phu khi mo menu mobile (off-canvas) ══════════════════════════════════════════ */ .menu-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; /* Duoi .off-canvas (z-index:10000) nhung tren toan bo noi dung trang. */ z-index: 9999; background: rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease; } /* all.min.js gan .open_canvas vao khi mo menu. */ body.open_canvas .menu-overlay { opacity: 1; visibility: visible; }