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

Question

[CREV]

Ребят выручайте, знаю у Вас голова уже болит от подобных тем, но я рискну понадеяться на ответ, есть у меня сайт на wordpress , он одностраничный, в мобильной версии при нажатии на пункт меню страница прокручивается к заданному пункту, но само меню не закрывается, приходится опять нажимать на гамбургер меню, это невыносимо раздражает и жутко неудобно, т.к это меню закрывает контент, в общем чтобы объяснить проще и понятнее, вот скрин



Сайт чтобы совсем понятнее тык

Как это вылечить ? В css частично могу сообразить, но с таким сталкиваюсь впервые и интернет перед тем как Вас утомлять, я же конечно прошерстил, решений мало, точнее они похожие, но под другие сайты и т.д , в общем HELP добрый прохожий гений, буду предельно счастлив, т.к уже неделю бьюсь

Comments

[Brad9aga]

мой совет, завязывайте с этим сайтом, или переделывайте по человечески

Answer 1

[WhiteBearDev]

Добрый день!

Допишите такой js-код в новом скрипте или дополните используемый:

jQuery(".mobile-nav-item a").on("click", function()
{
jQuery("#mobile-nav").removeClass("mobile-menu-expanded").slideUp(); 
jQuery("#nav_toggle").removeClass("active");
});

Comments

[CREV]

Дописал, реакции 0 ))

[WhiteBearDev]

CREV, скрипт подключен? Не вижу внесённый код

[CREV]

WhiteBearDev, Да, подключил через плагин Simple Custom CSS and JS

[CREV]

WhiteBearDev, только что

[WhiteBearDev]

CREV, оберните код в ready, вот так

jQuery(function(){
jQuery(".mobile-nav-item a").on("click", function()
{
jQuery("#mobile-nav").removeClass("mobile-menu-expanded").slideUp(); 
jQuery("#nav_toggle").removeClass("active");
});
});

[CREV]

WhiteBearDev, Сделал все в точности как вы сказали, результат тот же, меню не закрывается при нажатии

[WhiteBearDev]

CREV, хм... давайте попробуем такой вариант

jQuery( document ).ready( function() {
jQuery(".mobile-nav-item a").on("click", function()
{
jQuery("#mobile-nav").removeClass("mobile-menu-expanded").slideUp(); 
jQuery("#nav_toggle").removeClass("active");
});
});

[CREV]

WhiteBearDev, О даааааааааааа ! ))) Плагин через который я вставлял оказался бесполезным, вставил методом тыка в файл темы js , нашел в файле слово menu, прокрутил до этого момента

// Full Screen Menu for Mobile
	$(".full_screen_menu_open_responsive").click(function(e) {
        $(".full_screen_menu_area_responsive").addClass("open");
    });
    $("#full_screen_menu_close_responsive").click(function(e) {
		$("#nav_toggle").removeClass('active');
        $(".full_screen_menu_area_responsive").removeClass("open");
    });

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