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

Publié par Jean-Michel le

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.

Lire également:  Menu déroulant Wordpress non cliquable sur mobile

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
} );
Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *