Как настроить скрытие меню по щелчку на его пункт? - Joomla 3.x: Шаблоны, разметка и макеты вывода

Доброго дня дорогие форумчане!
Подскажите пожалуйста по шагам простым языком, как сделать так,
чтобы по нажатию на пункты меню в мобильной версии сайта - оно скрывалось. Или может быть как то можно иначе сделать чтобы при навигации с мобильного было все нормально видно по щелчку.

В этом шаблоне в мобильной версии когда открываешь бургер (справа сверху) выходит меню, кликаешь на его пункты а сайт не видно в итоге, и каждый раз его закрывать надо (меню) чтобы увидеть, неудобно очень.

Мобильная версия сайта uptonet.ru

Вы уже четвертый как минимум.

Огромное спасибо! Подскажите а куда именно в какой файл и куда и как вставить этот код?

Вы уже четвертый как минимум.

Код

<script>
jQuery(function(){
    jQuery('.offcanvas-menu .offcanvas-inner a').on('click', function(){
        jQuery(this).closest('.offcanvas-menu').find('.close-offcanvas').trigger('click');
    });
});
</script>

Можно в макет меню или шаблона.
Можно в любой (но лучше кастомный) js-файл (в этом случае <script> и </script> надо убрать).

а куда именно в какой файл и куда и как вставить этот код?

А в стилях шаблона есть вкладка Кастом код, тогда лучше в поле- Перед body

Вы уже четвертый как минимум.

Может кандидат добавления в FAQ

Большое спасибо!
Я вставил в файл шаблона перед head и все заработало!

А в стилях шаблона есть вкладка Кастом код, тогда лучше в поле- Перед bodyМожет кандидат добавления в FAQ