ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Activate mobil menu with js since it depends on js.

Browse source
This commit is contained in:
Fredrik Jonsson 2025-03-29 20:30:36 +01:00
commit 15f9a7933f
1 changed files with 18 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

11
assets/js/mobilemenu.js
View file

@ -4,10 +4,21 @@
*/
(function () {
const main_menu = document.querySelector('.main-menu');
const header_region = document.querySelector('.header__region');
const nav = document.querySelector('.mobile-nav');
const sheet = document.querySelector('.mobile-nav__sheet');
const toggle = document.querySelector('.mobile-nav__toggle');
// Switch to mobil menu on small screens.
// The mobile menu depends on js so we use js to activate it.
const small_screen = window.matchMedia('(max-width: 666px)').matches;
if (small_screen) {
main_menu.hidden = true;
header_region.hidden = true;
nav.hidden = false;
}
function navopen() {
nav.dataset.navopen = 'true';
sheet.setAttribute('aria-hidden', 'false');