Как сделать закрытие меню мобильной версии сайта после клика?

if ($('.main-navigation .navigation-box .sub-menu').length) {
    var subMenu = $('.main-navigation .sub-menu');
    subMenu.parent('li').children('a').append(function() {
        return '<button class="sub-nav-toggler"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>';
    });
    var mainNavToggler = $('.header-navigation .menu-toggler');
    var subNavToggler = $('.main-navigation .sub-nav-toggler');
    mainNavToggler.on('click', function() {
        var Self = $(this);
        var menu = Self.data('target');
        $(menu).slideToggle();
        $(menu).toggleClass('showen');
        return false;
    });
    subNavToggler.on('click', function() {
        var Self = $(this);
        Self.parent().parent().children('.sub-menu').slideToggle();
        return false;
    });
}

На лендинге не сворачивается меню после клика на пункт. Подскажите пожалуйста, очень много всего перепробовал, но не могу на своем сайте по другим примерам сделать рабочий вариант. Максимум добился сворачивания, но после чего моментально сразу разворачивается меню автоматом. Ссылка на сайт

РЕШЕНИЕ: Помогли на сайте фриланса. Просто нужно было в файл theme.js добавить код:

$('.main-navigation ul li a').on('click', function() {
        $('.main-navigation').hide();
    });

Полный код вышел такого вида:

   if ($('.main-navigation .navigation-box .sub-menu').length) {
    var subMenu = $('.main-navigation .sub-menu');
    subMenu.parent('li').children('a').append(function() {
        return '<button class="sub-nav-toggler"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>';
    });
    var mainNavToggler = $('.header-navigation .menu-toggler');
    var subNavToggler = $('.main-navigation .sub-nav-toggler');
    mainNavToggler.on('click', function() {
        var Self = $(this);
        var menu = Self.data('target');
        $(menu).slideToggle();
        $(menu).toggleClass('showen');
        return false;
    });
    subNavToggler.on('click', function() {
        var Self = $(this);
        Self.parent().parent().children('.sub-menu').slideToggle();
        return false;
    });
    $('.main-navigation ul li a').on('click', function() {
        $('.main-navigation').hide();
    });
}