[Résolu] Problème menu hamburger (Créer un compte)

Accueil › Forums › Thèmes › [Résolu] Problème menu hamburger
  • WordPress :5.5
  • Statut : résolu
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • 20 janvier 2021 à 17 h 24 min #2366712
    davidmasson
    Participant
    Initié WordPress
    6 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 7.2
    • Thème utilisé : Customizer
    • Extensions en place : Nimble page builder
    • Nom de l’hébergeur : OVH
    • Adresse du site : http://deeplysensitive.fr/

    Problème(s) rencontré(s) : Bonjour,

    J’ai un soucis avec mon menu hamburger sur mon site, en effet sur la version mobile si mon menu a un sous menu les liens ne fonctionnent pas… A mon avis c’est un problème au niveau de l’extension. J’ai déjà essayé de réinstaller le thème mais rien y fait…

    20 janvier 2021 à 18 h 56 min #2366741
    ferman
    Participant
    Maître WordPress
    3723 contributions

    Bonjour,

    Tout semble fonctionner maintenant. Vous avez réparé le problème?

    Ah non, ça a marché une fois mais ça ne marche plus. Essayez d’installer cette extension pour voir.

    • Cette réponse a été modifiée le il y a 1 mois et 2 semaines par ferman.
    20 janvier 2021 à 22 h 33 min #2366775
    davidmasson
    Participant
    Initié WordPress
    6 contributions

    Bonjour,

    Merci pour votre réponse. J’ai essayé et cela ne fonctionne pas… C’est vraiment étrange, je n’ai aucun problème en version bureau, mais dès que je passe en version mobile le problème est là… Un soucis peut-être quand ça passe en responsive mais je ne trouve pas…

    20 janvier 2021 à 23 h 44 min #2366784
    ferman
    Participant
    Maître WordPress
    3723 contributions

    En utilisant le simulateur de mobile dans firefox, je vois que les menus et sous menu fonctionnent tous quand  on utilise la version pointer (souris). Par contre quand on passe à la version “simulation des évènements tactiles (mobile)” ça ne marche pas. Comme si le mode “touch-action ” ne s’enclenchait pas. Vous avez essayé (si c’est possible) de désactiver le page builder juste pour voir? Il faudra demander sur le support du thème.

    21 janvier 2021 à 11 h 19 min #2366821
    davidmasson
    Participant
    Initié WordPress
    6 contributions

    Alors je n’ai pas essayé de désactiver le page builder car j’ai peur que ça désactive du coup toute la mise en page et que j’ai tout à refaire derrière. Jai construit plusieurs pages de mon site avec cet outil. En revanche j’ai testé en enlevant les sous menu et il y a aucun soucis sur la version mobile. C’est vraiment dès que j’ajoute un sous menu qu’il y a un problème. Je vais essayé de toucher aux apparences, le problème vient peut-être de la…

    21 janvier 2021 à 15 h 23 min #2366857
    davidmasson
    Participant
    Initié WordPress
    6 contributions

    Je viens de contacter le support du thème voici le réponse :

    ” Hello,
    Thanks for reporting the problem. I could reproduce the problem, it looks like a bug.
    I’m exploring a fix for the upcoming release of the plugin.
    Merci, bonne journée ! ”

    Sans doute un bug. En tout cas je vous remercie d’avoir pris le temps de regarder et de me répondre. Je laisse la conversation ouverte et dès que j’ai le correctif je vous tiens informé ! Merci encore

    21 janvier 2021 à 16 h 43 min #2366867
    ferman
    Participant
    Maître WordPress
    3723 contributions

    Je pense que c’est un problème de jQuery:

    Je prends l’exemple de l’élément de menu 70 (articles): Dans la version PC  il y a plusieurs classes associées à li (voir pièce jointe). La classe entourée en rouge est nécessaire pour que le sous-menu soit affiché (si on l’enlève on voit seulement le premier élément ‘articles)

    Dans la version mobile, cette classe est toujours présente et apparemment nuit au fonctionnement des sous-menus. Si on l’enlève, les sous-menus fonctionnent normalement.

    Je pense qu’il y a un bug dans le Javascript/jQuery  et que normalement il devrait  y avoir une instruction pour que la classe ” menu-item-has-children” soit enlevée en dessous d’une certaine taille d’écran.

    Je crois que pourriez en principe régler le problème avec le code jQuery ci dessous. Testé dans la console de firefox il rend fonctionnels les sous- menus en mode mobile/iPad.

    $=jQuery;
	if (window.matchMedia("(max-width: 800px)").matches) {
   	$( "li" ).removeClass( "menu-item-has-children");
	}

    Mais si c’est un vraiment un bug, la vraie solution est de contacter le support du thème / du constructeur de page et de leur expliquer tout ça. Ils trouveront la solution optimale.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    21 janvier 2021 à 21 h 12 min #2366927
    davidmasson
    Participant
    Initié WordPress
    6 contributions

    Bonsoir,

    D’accord et dois je copier ce code ? Autant le langage html et CSS pas de soucis je comprends bien. Mais là pour le coup je ne vois pas où je dois l’intégrer.

    merci encore pour votre aide !

    22 janvier 2021 à 0 h 28 min #2366950
    ferman
    Participant
    Maître WordPress
    3723 contributions

    Là il est un peu tard. Si vous voulez je vous donne les précisions demain après-midi. Ce n’est pas compliqué mais comme je n’ai pas accès au site, je ne peux pas tester. Il faudra essayer.

    D’un autre côté, s’ils font un update rapidement peut-être préférerez vous attendre. C’est comme vous voulez.

    22 janvier 2021 à 11 h 39 min #2366962
    davidmasson
    Participant
    Initié WordPress
    6 contributions

    Bonjour,

    Le problème est résolu, il y a une maj ce matin de l’extension. C’était donc bien un bug de l’extension.

    Merci beaucoup en tout cas pour vos réponses et très bonne journée à vous. 🙂

  • Auteur
    Messages
10 sujets de 1 à 10 (sur un total de 10)
  • Vous devez être connecté pour répondre à ce sujet.