L’icone de menu responsive ne s’affiche pas ! (Créer un compte)

  • 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 gers32, le il y a 4 mois.
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #2467683
    zalaya
    Participant
    Initié WordPress
    3 contributions

    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

     

     

     

    • Ce sujet a été modifié le il y a 5 mois par zalaya.
    • Ce sujet a été modifié le il y a 5 mois par zalaya.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2467994
    momofr@free.fr
    Modérateur
    Maître WordPress
    7165 contributions

    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 ?

    #2468132
    zalaya
    Participant
    Initié WordPress
    3 contributions

    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…

    #2468147
    momofr@free.fr
    Modérateur
    Maître WordPress
    7165 contributions

    Salut, essaye en activant le support de Font Awesome 4 dans Elementor -> Réglages -> Avancé.

    #2468596
    zalaya
    Participant
    Initié WordPress
    3 contributions

    Merci pour ta réponse, mais ça change rien !

    #2469024
    gers32
    Participant
    Initié WordPress
    9 contributions

    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

    • Cette réponse a été modifiée le il y a 4 mois et 1 semaine par gers32. Raison: Supprimé les balises HTML dans le texte
    #2469085
    GCS47
    Participant
    Initié WordPress
    4 contributions

    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 ?

    #2469118
    gers32
    Participant
    Initié WordPress
    9 contributions

    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 ?

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2469487
    gers32
    Participant
    Initié WordPress
    9 contributions

    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

    #2469751
    gers32
    Participant
    Initié WordPress
    9 contributions

    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.

    #2469753
    gers32
    Participant
    Initié WordPress
    9 contributions

    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>) :

    /* MOBILE NAV HAMBURGER FIX */
    .site-navigation-toggle i:before {
    content: “\f0c9” !important;
    font-family: “Font Awesome 5 Free”;
    font-weight: 900;
    font-size: 22px;
    font-style: normal;
    }
    .site-navigation-toggle-holder.show.elementor-active.site-navigation-toggle i:before {
    content: “\f00d” !important;
    }

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