Better Mobile menu codes

document.addEventListener('DOMContentLoaded', () => {

    //replace the id #bmm with the id of your container, 
    //do this to avoid this code applying to other nav items on your page

    const menuItemLinks = document.querySelectorAll('#bmm .bricks-mobile-menu-wrapper .menu-item a');
    const menuToggle = document.querySelector('#bmm .bricks-mobile-menu-toggle');

    const handleClick = () => {
        if (menuToggle) {
            menuToggle.click();
        }
    };

    if (window.matchMedia('(max-width:768px)').matches) {
        menuItemLinks.forEach(link => {
            link.addEventListener('click', (event) => {                
                handleClick();
            });
        });
    }
});

@media (max-width:768px){
    
#bmm .bricks-mobile-menu-wrapper {
margin-top: var(--header-height);
padding-bottom: var(--header-height)
    
}

#bmm ul,
#bmm ul a{
    
    width: 100%
}

#bmm .bricks-mobile-menu-toggle{
    margin-bottom: 10px;
}


#bmm .bricks-mobile-menu-overlay{
    display: none;
}

}