Mobile menu is not minimized when clicking on a link. The page is scrolled, but the menu does not collapse. Please help in solving the problem.

The class .open is added to the class .main-nav, but when you select the menu item, the class should disappear, but it remains and the menu remains open.

Ps I read similar topics, I can not apply it myself.

Link: http://r91432rm.beget.tech

1 answer 1

On jquery

let mainBlock = $('.main-nav'); mainBlock.find('li').on('click', function() { mainBlock.removeClass('open'); });