https://recallhq.com/assets/js/nav.js?12341

1const nav_wrapper = document.querySelector('.nav-wrapper')
2const nav_icon = document.querySelector('.nav-icon')
3const nav_items_wrapper = document.querySelector('.nav-items-wrapper')
4const nav_items = document.querySelector('.nav-items')
5
6nav_icon.addEventListener('click', function(e) {
7
8    e.preventDefault()
9
10    if (nav_items.classList.contains("active")) {
11        console.log("menu displayed")
12            
13        hideMobileMenu()
14    } else {
15        console.log("menu not displayed")
16        showMobileMenu()
17    }
18    
19})
20
21function showMobileMenu() {
22    nav_items.classList.add('active')
23    nav_items_wrapper.classList.add('active')
24    nav_wrapper.classList.add('active')
25    // document.querySelector('html').classList.add('active')
26}
27
28function hideMobileMenu() {
29    nav_items.classList.remove('active')
30    nav_items_wrapper.classList.remove('active')
31    nav_wrapper.classList.remove('active')
32    // document.querySelector('html').classList.remove('active')
33}
34
35
36function handleWindowSizeChange(event) {
37    if (event.matches) {
38      // Actions to perform when the media query matches
39      hideMobileMenu()
40    } 
41}
42  
43// Create a media query
44const mediaQuery = window.matchMedia("(min-width: 992px)");
45
46// Add an event listener for changes
47mediaQuery.addEventListener("change", handleWindowSizeChange);
48
49// Run the function once to set the initial state
50handleWindowSizeChange(mediaQuery);