Как скрыть пункты меню на мобильном телефоне при нажатии ⇐ CSS

[Anonymous]

Я работаю над одностраничным веб-сайтом WordPress, и при нажатии на пункт меню страница прокручивается до каждого раздела. Он хорошо работает на настольных компьютерах/ноутбуках, но на мобильных устройствах при нажатии на гамбургер-меню меню открывается и блокирует экран. Я хотел бы скрыть список/раздел раскрывающегося меню только на мобильных устройствах. В настоящий момент мне нужно закрыть меню, нажав кнопку закрытия «X».
Я искал решение и нашел здесь, в Stackoverflow, код JS, но он не сработал.
Вот код JS:

Код: Выделить всё

function closeFunction()
{
document.getElementById('bs-example-navbar-collapse-1').style.display='none';
}

У меня не так много опыта в JS, но я исправлю это с помощью некоторых рекомендаций, пожалуйста, помогите.
Экраны:



Подробнее здесь: https://stackoverflow.com/questions/784 ... en-clicked