[Résolu] Menu défilant (Créer un compte)

  • WordPress :6.2
  • Statut : résolu
5 sujets de 1 à 5 (sur un total de 5)
  • Auteur
    Messages
  • #2460520
    clemlcz
    Participant
    Initié WordPress
    34 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 8.2
    • Thème utilisé : Zakra
    • Extensions en place :
    • Nom de l’hébergeur : OVH
    • Adresse du site : http://www.avairon-club.fr

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

    Bonjour,

    J’aimerai que mon menu suive lorsque je fais défiler ma page. J’ai essayé avec l’application MyStickyMenu, mais aucun résultats.
    Avez vous des codes permettant de faire ceci?

    Cordialement.

    Clément

    • Ce sujet a été modifié le il y a 1 année et 5 mois par clemlcz.
    #2460523
    ferman
    Modérateur
    Maître WordPress
    7412 contributions

    Bonjour,

    Vous pouvez essayer le cod CSS ci-dessous. Personnellement je ne trouve pas ça terrible.

    #zak-primary-menu{position:fixed;
    background-color:white;
    z-index:10;
    }

    #2460551
    ferman
    Modérateur
    Maître WordPress
    7412 contributions

    Si ça ne vous convient pas vraiment, il est possible de remonter le menu tout en haut de la page lorsqu l’on défile. Cela demande un peu de javascript. Si ça vous intéresse on pourra essayer.

    #2461200
    Creation Site Internet
    Participant
    Padawan WordPress
    71 contributions

    Bonjour Clément,

    vous pouvez ajouter quelques lignes de code CSS personnalisé à votre thème. Voici comment vous pouvez le faire :

    1. Accédez au tableau de bord de votre site WordPress.
    2. Allez dans l’éditeur de thème en cliquant sur « Apparence » > « Personnaliser » ou en utilisant un éditeur de thème personnalisé si votre thème le permet.
    3. Dans l’éditeur de thème, recherchez l’option pour ajouter du code CSS personnalisé. Dans de nombreux thèmes, cette option est située sous « Apparence » > « Personnaliser » > « CSS supplémentaire » ou quelque chose de similaire.
    4. Ajoutez le code CSS suivant pour rendre votre menu collant :
      /* Rendre le menu collant (sticky) */
      #votre-menu {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1000;
      background-color: #ffffff; /* Remplacez par la couleur de fond de votre menu si nécessaire */
      box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Ajoutez une ombre au menu si nécessaire */
      }

       

    Vous devez personnaliser ce code en fonction de l’ID ou de la classe CSS de votre menu. Vous pouvez généralement trouver cette information en inspectant votre site avec l’outil de développement de votre navigateur.

    1. Enregistrez les modifications.
    2. Vérifiez votre site en faisant défiler la page pour vous assurer que le menu devient collant comme prévu.

    Si votre menu n’a pas d’ID ou de classe CSS spécifique, vous devrez peut-être les ajouter dans votre thème ou utiliser un plugin tel que « Menu Image, Icons, and Tooltip » pour ajouter des classes personnalisées à votre menu.

    N’oubliez pas de vérifier que le menu collant fonctionne correctement sur différentes résolutions d’écran et de le personnaliser davantage selon vos besoins en termes de style et de comportement.

    Bonne continuation 😉

    #2461284
    Flobogo
    Modérateur
    Maître WordPress
    20683 contributions

    Bonjour @ creation-site-internet

    cette option est située sous « Apparence » > « Personnaliser » > « CSS supplémentaire »

    Généralement, c’est plutôt « CSS additionnel »

    Vous devez personnaliser ce code en fonction de l’ID ou de la classe CSS de votre menu.

    C’est exactement ce qu’a fait @ferman dans sa réponse ci-dessus. Lui, il s’est donné la peine d’aller voir le site indiqué.

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