Тема Divi Wordpress: верхний родительский уровень не доступен для кликов и не ссылается на страницу в меню мобильного ус ⇐ Jquery

[Anonymous]

Divi автоматически отображает мобильное меню, если ширина экрана мультимедиа меньше 1025 пикселей. По умолчанию все элементы меню, включая элементы подменю, отображаются в полностью развернутом виде со всеми пунктами меню в списке.

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

Я уже пробовал это исправление, которое нашел в Интернете, но оно не работает.

#main-header .et_mobile_menu .menu-item-has-children > a:after { размер шрифта: 16 пикселей; содержимое: '4c'; верх: 13 пикселей; справа: 10 пикселей; #main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '4d'; #main-header .et_mobile_menu ul.sub-menu { display: none !important; видимость: скрыта !важно; переход: все 1,5 секунды, легкость выхода; #main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; видимость: видимая !важно; }

(функция ($) {

function setup_collapsible_submenus() {
var $menu = $('#mobile_menu'),
top_level_link = '#mobile_menu .menu-item-has-children > a';

$menu.find('a').each(function() {
$(this).off('click');

if ( $(this).is(top_level_link) ) {
if ($(this).parent().hasClass('always-visitable')) {
$('')
.attr('href', $(this).attr('href'))
.on('click', function(e){ e.stopPropagation(); })
.appendTo($(this));
}

$(this).attr('href', '#');
}

if ( ! $(this).siblings('.sub-menu').length ) {
$(this).on('click', function(event) {
$(this).parents('.mobile_nav').trigger('click');
});
} else {
$(this).on('click', function(event) {
event.preventDefault();
$(this).parent().toggleClass('visible');
});
}
});
}

$(window).load(function() {
setTimeout(function() {
setup_collapsible_submenus();
}, 700);
});

})(jQuery);


**Also the CSS:**

#main-header .et_mobile_menu .always-visitable {
position: relative;
}
#main-header .et_mobile_menu .always-visitable .hover-link {
position: absolute;
top: 0; left: 0; bottom: 0;
right: 60px; /* right area continues to expand or collapse */


Подробнее здесь: https://stackoverflow.com/questions/565 ... to-page-on