[Résolu] Faire un « sticky » menu (Créer un compte)

  • WordPress :6.1
  • Statut : résolu
15 sujets de 1 à 15 (sur un total de 27)
  • Auteur
    Messages
  • #2441314
    laurentsc
    Participant
    Chevalier WordPress
    293 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 8.1/8
    • Thème utilisé : Spacious (child)
    • Extensions en place :
      Akismet Anti-Spam   Version 5.0.1
      AMP    Version 2.3.0
      Classic Editor Version 1.6.2
      Classic Widgets    Version 0.3
      Contact Form 7 Version 5.6.47
      Cookie Notice & Compliance for GDPR / CCPA Version 2.4.2
      Duplicate Page Version 4.4.9
      Duplicator Version 1.5.0
      EWWW Image Optimizer   Version 6.9.3
      Flamingo   Version 2.3
      Forum_wordpress_fr Version 4.2
      Jetpack Boost  Version 1.6.0
      NinjaFirewall (WP Edition) Version 4.5.5
      To Top Version 2.5.1
      UpdraftPlus - Backup/Restore   Version 1.22.24
      WebP Express   Version 0.25.5
      WP Super Cache Version 1.9.2
      Yoast SEO  Version 19.12
    • Nom de l’hébergeur : Evxonline
    • Adresse du site : https://pasdpanique.fr/

    Problème(s) rencontré(s) : Je souhaite faire un « sticky » menu (donc qu’il reste fixe, donc visible, quand on scrolle) sans plugin. Cela semble possible avec du CSS.

    Avec l’inspecteur, j’ai trouvé que le menu du site est contenu dans la div de id site-navigation.

    J’ai donc ajouté ce CSS :

    #site-navigation{
    z-index:999;
    width:100%;
    position:fixed;
    }

    Mais le menu bouge puis disparaît quand on scrolle. Quelle est donc la bonne manip SVP ?

    #2441318
    momofr@free.fr
    Modérateur
    Maître WordPress
    5484 contributions

    Salut, ton menu est positionné par défaut à une certaine hauteur, pour déclencher son positionnement épinglé il faut une fonction dynamique qui fasse ça, via CSS seul ça ne marchera pas.

    La version PRO propose cette fonction, sans cela il te faut essayer avec une extension comme Catch Sticky Menu.

    #2441321
    laurentsc
    Participant
    Chevalier WordPress
    293 contributions

    Merci pour ta réponse. Disposant que de la version gratuite du thème, j’ai tenté l’option du plugin que tu indiques.

    L’ayant installé et activé, j’ai mis dans ses settings, Desktop Menu Selector : #site-navigation (je teste sur desktop). Mais le menu n’est pas fixé. Qu’est-ce qui va pas ?

    #2441322
    momofr@free.fr
    Modérateur
    Maître WordPress
    5484 contributions

    Salut, pas de panique !  🙂

    C’est le sélecteur #header-text-nav-container qu’il te faut utiliser.

    Si tu veux la traduction française de l’extension je te la met en pièce jointe. Les 2 fichiers po/mo sont à mettre (via FTP) dans : wp-content -> languages -> plugins.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2441336
    laurentsc
    Participant
    Chevalier WordPress
    293 contributions

    Je teste sur un site de test en local donc copier-coller suffit…Tu as oublié de mettre la doc en fr…J’ai tenté la copie des 2 fichiers po/mo dans le répertoire que tu indiques mais ça ne doit pas suffire…

    #2441402
    momofr@free.fr
    Modérateur
    Maître WordPress
    5484 contributions

    Salut, de quelle doc parles-tu ? Je traduit des extensions en FR, leurs interfaces c’est tout.

    Les fichiers additionnels sont chez l’éditeur et pas dans la communauté de traduction.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2441560
    laurentsc
    Participant
    Chevalier WordPress
    293 contributions

    Salut,

    j’ai pas répondu hier car occupé par un autre problème.

    Je pense avoir suivi tes indications (sur le site en local) mais ça ne veut pas. Voici ce que j’ai fait :

    1- Installation et activation et activation de l’extension Catch Sticky Menu

    2- Dans les réglages de l’extension,

    Sélecteur de menu ordinateur : #header-text-nav-container

    pareil pour le mobile

    3- copie dans wp-content -> languages -> plugins de catch-sticky-menu-fr_FR.mo et catch-sticky-menu-fr_FR.po

     

    et c’est pas  bon. Pourquoi ?

    #2441561
    momofr@free.fr
    Modérateur
    Maître WordPress
    5484 contributions

    Salut, qu’est-ce qui n’est pas bon : Le menu épinglé ? les traductions ? les 2 ?

    #2441569
    laurentsc
    Participant
    Chevalier WordPress
    293 contributions

    Pour les traductions, ne sachant quel est le résultat attendu, aucune idée. La seule chose dont je suis sûr, c’est que le menu  n’est pas fixe.

    #2441575
    Hatake
    Participant
    Chevalier WordPress
    305 contributions

    Bonjour,
    Pareil avec l’extension MyStickyMenu ?

    #2441583
    laurentsc
    Participant
    Chevalier WordPress
    293 contributions

    J’ai essayé MyStickyMenu mais pas mieux. Voici ce que j’ai fait :

    1- installation et activation de l’extension

    2- Sticky Menu Settings

    2.1-Bouton Sticky menu à ON

    2.2-Fenêtre épinglé-classe : 2 essais :

    2.2.1  Sélection du menu (pour moi, menu_arnaud (Menu principal, Menu en-Tête))

    2.2.2 Autre classe ou ID : #header-text-nav-container

    2.3- Bouton Enregistrer

    Dans tous les cas, le menu n’est pas fixé…

    • Cette réponse a été modifiée le il y a 3 jours et 4 heures par laurentsc.
    #2441609
    momofr@free.fr
    Modérateur
    Maître WordPress
    5484 contributions

    Salut, pour les traductions je t’ai mis une capture écran, il faut la consulter… pour le menu contacte-moi via e-mail.

    #2441610
    laurentsc
    Participant
    Chevalier WordPress
    293 contributions

    Merci pour ta réponse, mais je suis un perdu : depuis le début, tu parles de traductions mais on traduit quoi au fait ?

    Te contacter par mail, ça me paraît contraire au principe d’un forum, non ?

    #2441679
    Hatake
    Participant
    Chevalier WordPress
    305 contributions

    Bonjour,

    @laurentsc
    , les fichiers de traductions sont pour l’extension Catch Sticky Menu.

    J’ai testé en local, MyStickyMenu ne fonctionne pas avec le thème Spacious, mais il fonctionne avec le thème GeneratePress.

    #2441714
    laurentsc
    Participant
    Chevalier WordPress
    293 contributions

    Merci d’avoir essayé. J’ai aussi essayé en local, mais ce que je n’arrive pas à faire avec GeneratePress, c’est de mettre une image d’en-tête, comme sur le site en ligne : https://pasdpanique.fr/. Est-ce possible ?

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