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

Question

[Валентина]

Одностраничный сайт на Wordpress. Есть стандартное меню. Фиксированное и не прокручивающееся. Ссылки видут на якори на этой же странице.

Вот сайт gosur.com.ua

В мобильной версии имеет следующие поведение:
Нажимаем на «сендвич» меню.
Открывается меню.
Нажимаем на любую ссылку.
Страница прокручивается до якоря.
НО меню не закрывается =((((

Answer 1

[Константин Теплоухов]

Возможно лютый костыль но может так

$('.menu-list').click(function(){ // по нажатию на элемент в меню
$(".navbar-toggle").addClass("collapsed") //  бургер
$(".navbar-collapse-1").removeClass("in") //  меню
});

Answer 2

[tyzberd]

var menu = jQuery('.theme-main-menu');
var burger = menu.find('.navbar-toggle');
menu.find('.menu-item a').on('click', function(){
    if(!burger.hasClass('collapsed')){
        burger.trigger('click');
    }
});

Comments

[Константин Теплоухов]

хм , это явно лучше моего варианта )

[Swyours]

Подскажите нубу, куда следует вставлять этот код, если та же проблема на одностраничном сайте на Wordpress в мобильном меню(бутерброд)? Имею ввиду какой файл.

[Евгений Сидаш]

Swyours, добавьте в footer.php заключив код в парный тег <script></script>, не ошибетесь.

[Swyours]

Евгений Сидаш, спасибо!