Тема WordPress Divi: верхний родительский уровень не активируется и не связывается со страницей в мобильном меню со свернутыми вложенными элементами

Question

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

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

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

# main-header .et_mobile_menu .menu-item-has-children> a: после {font-size: 16px;содержание: «4с»;верх: 13 пикселей;справа: 10 пикселей;} # main-header .et_mobile_menu .menu-item-has-children.visible> a: after {content: '4d';} # main-header .et_mobile_menu ul.sub-menu {Показать: нет! важно;видимость: скрыто! важно;переход: все 1,5 с легкостью входа;} # main-header .et_mobile_menu .visible> ul.sub-menu {display: block! важный;видимость: видимая! важная;} (функция ($) {

    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')) {
                    $('<a class="hover-link"></div>')
                    .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);
</script>

**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 */