Как скрыть открытое меню на десктопе по клику вне этого меню?

Чтобы скрыть открытое меню на десктопе при клике вне этого меню в WordPress, вам понадобится немного кода JavaScript и JQuery.

1. Подключите библиотеку JQuery к вашему сайту WordPress. Это можно сделать, добавив следующий код в файл functions.php вашей темы:

function load_jquery() {
    wp_enqueue_script('jquery');
}
add_action('wp_enqueue_scripts', 'load_jquery');

2. Создайте новый файл JavaScript (например, custom.js) и поместите его в папку вашей темы WordPress (обычно это папка js или js/custom).

3. В файле custom.js добавьте следующий код:

jQuery(document).ready(function($){
    $(document).click(function(e){
        var menu = $("#your-menu"); // замените "your-menu" на ID вашего меню
        if(!menu.is(e.target) && menu.has(e.target).length === 0){
            menu.hide();
        }
    });
});

4. Откройте файл шаблона (например, header.php) и добавьте следующий код перед закрывающим тегом </head>:

<script src="<?php echo get_template_directory_uri(); ?>/js/custom.js"></script>

5. Замените "your-menu" на ID вашего меню в файле JavaScript (custom.js).

Теперь, если кликнуть вне вашего меню, оно будет скрыто. Убедитесь, что вы правильно указали ID вашего меню и правильно подключили файлы JavaScript и JQuery, иначе код не будет работать как ожидалось.

Это один из способов скрыть открытое меню при клике вне него в WordPress. Разумеется, в зависимости от вашей темы или конкретных требований, возможны и другие решения.