JS / HTML / CSS navbar for phone size / unable to click for page titles to show

I want to make a dropdown with the different website pages on when max-width of 960px is reached, I have made the button, added the styles, also the JS I have linked it to the HTML ( src=”app.js” “in the body tag)

Please see the JS code used for the interactive bar

const menu = document.querySelector('#mobile-menu');
const menuLinks = document.querySelector('.navbar__menu');

menu.addEventListener('click', function() {
    menu.classList.toggle('is-active');
    menuLinks.classList.toggle('active');
});

HTML CODE

CSS CODE – toggle bar