gers32 (Créer un compte)

Toutes mes réponses sur les forums

9 sujets de 1 à 9 (sur un total de 9)
  • Auteur
    Messages
  • en réponse à : menu burger sur mobile et tablette non visible avec elementor #2469754
    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;
    }

    en réponse à : L’icone de menu responsive ne s’affiche pas ! #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;
    }

    en réponse à : L’icone de menu responsive ne s’affiche pas ! #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.

    en réponse à : menu burger sur mobile et tablette non visible avec elementor #2469750
    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.

    en réponse à : menu burger sur mobile et tablette non visible avec elementor #2469488
    gers32
    Participant
    Initié WordPress
    9 contributions

    Bonjour,

    Quelqu’un a-t-il une solution potentielle à me suggérer ? Visiblement, la solution que j’ai tentée ne semble fonctionner qu’avec la version Pro d’Elementor, avec le CSS injecté directement dans l’en-tête de page.

    Je suis embêté, car je n’ose pas communiquer mon site Web, tant qu’il n’est pas utilisable sur mobile.

    Christophe

    en réponse à : L’icone de menu responsive ne s’affiche pas ! #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

    en réponse à : L’icone de menu responsive ne s’affiche pas ! #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.
    en réponse à : L’icone de menu responsive ne s’affiche pas ! #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 2 mois et 2 semaines par gers32. Raison: Supprimé les balises HTML dans le texte
    en réponse à : menu burger sur mobile et tablette non visible avec elementor #2469022
    gers32
    Participant
    Initié WordPress
    9 contributions

    Bonjour, je me permets de relancer la discussion. Mirsa n’ayant pas répondu à votre demande d’URL, dois-je en déduire qu’elle/il a résolu son problème ? Si tel est le cas, il serait intéressant de connaître sa solution.

    Dans le cas inverse, voici l’URL de mon site, qui souffre du même problème : l’icône « hamburger » du menu n’apparaît pas en mode tablette/mobile ; elle est remplacée par un tout petit carré gris, que personne ne voit… Elle s’affiche bien depuis l’éditeur Elementor (free), lorsque je réduis la largeur de la page.

    https://bunn.design/

    J’ai chargé des icônes de remplacement dans la rubrique des médias et suivi les instructions dans la vidéo Change Mobile Menu Icons in Elementor Pro. N’ayant pas la version pro, j’ai collé – en vain – le CSS suivant dans  : Apparence > Personnaliser > CSS additionnel et vidé tous les caches (LightSpeed Cache et Chrome sur mobile) :

    .elementor-menu-toggle i:before {
    content: '';
    display: block;
    background: url(http://bunn.design/wp-content/uploads/2024/03/bars-solid_orange_sanitized.svg);
    width: 40px;
    height: 40px;
    background-size: cover;
    }

    .elementor-menu-toggle.elementor-active i:before {
    content: '';
    display: block;
    background: url(http://bunn.design/wp-content/uploads/2024/03/circle-xmark-solid_orange_sanitized.svg);
    width: 40px;
    height: 40px;
    background-size: cover;
    }

    • Cette réponse a été modifiée le il y a 2 mois et 2 semaines par gers32. Raison: Supprimé les balise HTML dans le texte
9 sujets de 1 à 9 (sur un total de 9)