- WordPress :6.4
- Statut : non résolu
- Ce sujet contient 10 réponses, 4 participants et a été mis à jour pour la dernière fois par
, le il y a 1 année et 2 mois.
-
Messages
-
Bonjour,
Ma configuration WP actuelle
- Thème utilisé : Hello
- Extensions en place : Elementor + WP-Optimize+ Svg support + contact form 7
- Nom de l’hébergeur : Local
- Adresse du site : Localhost
Problème(s) rencontré(s) :
Le menu responsive marche bien, mais l’icone(Hamburger) n’est pas chargée ne s’affiche pas !
Par contre quand je suis en mode édition sur la page elle s’affiche bien !
Icone en question en fichier joint
Salut, c’est une icône personnalisée ?
Tu as bien vidé ton cache navigateur ?
Tu as régénéré les ressources CSS d’Elementor ?
Non ! (on n’a pas la possibilité de pesonnaliser) il s’agit de l’icone(Hamburger) par défaut. C’est dans paramatres du site–>Hello theme header–>onglet Menu
Et oui j’ai essayé les solutions mentionnés en vain, et ça ne marche pas en local aussi…
Bonjour, j’ai exactement le même problème, que j’ai détaillé à l’instant dans le post MENU BURGER SUR MOBILE ET TABLETTE NON VISIBLE AVEC ELEMENTOR.
Je m’y arrache les cheveux qui me restent depuis plusieurs jours. Je serais extrêmement reconnaissant si quelqu’un pouvait m’aider à le résoudre, car je n’attends que ça pour annoncer la publication du site.
Christophe
Salut, lorsque tu dis que l’icône n’est pas chargée, c’est que rien ne s’affiche ou est-ce qu’il y a à la place une icône représentant un lien d’image rompu ?
Bonjour (Lot-et-Garonnais ?) et merci pour ta réaction rapide.
Au lieu d’afficher le menu « hamburger » et la croix de fermeture tels qu’ils apparaissent dans Elementor (signalés par « OK » dans la copie d’écran ci-jointe), le navigateur sur mobile – testé sous Android (Samsung A22 et A33), iPhone et iPad – affiche respectivement un petit carré gris quasiment invisible et une croix qui fait penser à une icône introuvable (signalés par « pas OK » dans la copie d’écran). Le menu fonctionne quand même sur mobile, mais les utilisateurs ne le voient pas…
Le code CSS que j’ai collé est inspiré de la vidéo dont j’ai posté le lien ; la différence est que l’auteur possède la version Pro d’Elementor et a donc pu l’insérer directement dans l’en-tête. Peut-être une piste ?
Bonjour,
Quelqu’un a-t-il une solution potentielle à me suggérer ? Je suis embêté, car je n’ose pas communiquer mon site Web, tant qu’il n’est pas utilisable sur mobile.
Christophe
J’ai résolu mon problème (en grande partie) : ne connaissant rien à la programmation Web, je n’avais pas osé regarder sous le capot. Je me suis finalement décidé à enfoncer la touche F12 de mon clavier… et il s’avère que le nom de la classe – que je croyais immuable dans Elementor – n’est pas le même que dans l’exemple de la vidéo. Je l’ai donc remplacé par .site-navigation-toggle-holder et ça fonctionne.
Seul bémol : l’icône représentant une image introuvable s’affiche toujours à la place de la croix, lorsque le menu est déroulé, mais elle est partiellement cachée par ma propre grosse icône.
INFORMATION DE DERNIERE MINUTE
Il y a de cela plusieurs semaines, j’avais tenté le bout de code suivant. Il n’avait pas fonctionné… tout simplement parce qu’il y avait des espaces en trop dans l’article ! Ceci répare donc le problème d’affichage à la fois de l’icône menu et de l’icône croix (source : <span style= »font-weight: 400; »>Burger menu on mobile devices not visible (Elementor, Hello Theme)</span>) :
- Vous devez être connecté pour répondre à ce sujet.