- WordPress :6.2
- Statut : résolu
- Ce sujet contient 4 réponses, 4 participants et a été mis à jour pour la dernière fois par
Flobogo, le il y a 1 année et 4 mois.
-
AuteurMessages
-
13 septembre 2023 à 12 h 46 min #2460520
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.
13 septembre 2023 à 13 h 15 min #2460523Bonjour,
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;
}13 septembre 2023 à 19 h 15 min #2460551Si ç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.
27 septembre 2023 à 9 h 08 min #2461200Bonjour Clément,
vous pouvez ajouter quelques lignes de code CSS personnalisé à votre thème. Voici comment vous pouvez le faire :
- Accédez au tableau de bord de votre site WordPress.
- 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.
- 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.
- 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.
- Enregistrez les modifications.
- 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 😉
-
Cette réponse a été modifiée le il y a 1 année et 4 mois par
Creation Site Internet.
27 septembre 2023 à 23 h 50 min #2461284Bonjour @ 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é.
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.