Menu qui se développe intégralement au clique sur mobile

WordPress :6.7
Statut : résolu

Ce sujet contient 2 réponses, 2 participants et a été mis à jour pour la dernière fois par Nant Aveyron, le il y a 2 semaines et 6 jours.

3 sujets de 1 à 3 (sur un total de 3)

Auteur

Messages
25 mars 2025 à 21 h 10 min #2487348

Nant Aveyron
Participant

Initié WordPress
37 contributions

Bonjour,

Ma configuration WP actuelle

Version du serveur MySQL : 8.0.27

WordPress : version: 6.7.2

Thème utilisé : twentyseventeen-enfant

Extensions en place :

– W3 Total Cache

– Modern Image Formats

– a3 Lazy Load

– Yoast SEO plugin v24.7

Nom de l’hébergeur : OVHcloud

Adresse du site en multisite bientôt transféré sur nantaveyron.fr : nantaveyron.nantaveyron.fr

<h3>SUJET : Développer le menu INTÉGRALEMENT, sur mobile, en cliquant sur le bouton « MENU », le mobile étant verticale.</h3>

Bonjour,

Est ce que vous connaissez le code css qui doit permettre de développer le menu à 100%, quand on clique sur le bouton ?

Merci d’avance

28 mars 2025 à 22 h 49 min #2487455
ferman
Modérateur

Maître WordPress
7522 contributions
Bonjour,

Ce n’est pas du code CSS mais javascript qu’il faut utiliser. Essayez le code ci-dessous:
```
<script>
$=jQuery; $('.menu-toggle').click(function(){$('.sub-menu').show()})
</script>
```
Pour introduire ce code vous pouvez soit utiliser cette extension soit insérer le code dans une fonction php que vous mettez dans functions.php de votre thème enfant.
```
function montrer_sub_menu(){
?>
<script>
$=jQuery; $('.menu-toggle').click(function(){$('.sub-menu').show()})
</script>
<?php
}
add_filter('wp_footer','montrer_sub_menu'); 
```
29 mars 2025 à 10 h 28 min #2487466

Nant Aveyron
Participant

Initié WordPress
37 contributions

Bonjour,

Cela faisait un bon moment que je cherchais la solution pour arriver à étendre le menu intégralement en un seul clic sur un mobile.

Merci infiniment cela fonctionne à merveille.

Passez, tous, une bonne journée.
Auteur

Messages