WordPress : Comment laisser le menu de navigation mobile se fermer lorsque le lien est cliqué ?

J’utilise un thème wordpress et je voulais changer le menu de navigation en un menu de navigation d’une page. J’ai déjà tout fait fonctionner sauf lorsque j’utilise un mobile, le menu ne se ferme pas lorsque je clique sur les éléments de menu. Tous les liens de menu commencent par #. J’utilise un thème enfant et je souhaite ajouter une fonction au fichier function.php qui ferme la fenêtre lorsque l’on clique sur l’élément de menu.

Voici mon fichier function.php.

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {

    $parent_style = 'PRANAYAMA_YOGA_THEME_VERSION'; // 

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}

Est-il possible de faire cela ?

Merci d’avance

Solution n°1 trouvée

J’utiliserais javascript (ou jQuery) pour détecter quand l’élément de menu est cliqué et fermer le menu.

$( '.menu-item' ).on( 'click', function(e){
    e.preventdefault();

    // add a class to target with CSS and close the menu or do animation to close it
} );