- WordPress :5.8
- Statut : non résolu
- Ce sujet contient 10 réponses, 4 participants et a été mis à jour pour la dernière fois par
hector29200, le il y a 1 année.
-
AuteurMessages
-
23 août 2022 à 16 h 33 min #2415963
Bonjour,
J’utilise le thème Astra dans sa version gratuite.
Je souhaite ajouter une description sous le titre du menu.
J’ai donc coché la case « Description » dans le menu « Options de l’écran » de l’onglet « Menus »
J’ai ensuite fait un snippet pour afficher la description dans Astra, comme l’explique Paul Chimnoy : https://www.paulchinmoy.com/display-description-text-under-menu-item-astra/, et ajouté le CSS personnalisé au thème.
Tout se passe bien, mais je voudrais modifier un détail, mais je ne maîtrise pas beaucoup, pour ne pas dire pas du tout, le CSS.
Tel que le bout de code que j’ai ajouté le fait, la description se trouve à côté du titre du menu, je souhaiterais simplement que la description soit dessous et non à côté.Si quelqu’un peut me donner la valeur à modifier dans le CSS ci dessous, ça m’arrangerait bien !!
@media only screen and (min-width: 922px) {
.main-header-menu > .menu-item > a {
height: auto;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
text-align: center;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
line-height: 1.5;
}
.menu-item-description {
color: #777;
clear: both;
font-size: 12px;
flex: 0 0 100%;
}
}
@media only screen and (max-width: 921px) {
.menu-item-description {
display: none;
}
}Merci d’avance !!
23 août 2022 à 17 h 01 min #2415971montrez nous une page où vous utilisez cela.
23 août 2022 à 17 h 03 min #2415973Le site n’est pas en ligne.
Je vous fais une copie d’écran du menu tel qu’il s’affiche.Comme vous voyez, le texte « Connectez-vous » est à côté de « Mon compte », je voudrais qu’il soit juste en dessous et non à côté.
-
Cette réponse a été modifiée le il y a 1 année et 1 mois par
hector29200.
Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.23 août 2022 à 18 h 29 min #2415987Bonjour,
Sans toucher aux CSS, essayez en modifiant dans votre snippet comme ci-dessous.
'<span class="menu-item-description"></br>'
23 août 2022 à 18 h 47 min #2415992En fait même pas, je dis des bêtises: avec le menu horizontal classique de Astra, on obtient bien le texte de description sous l’élément de menu et centré avec les codes php et CSS que vous avez . Mais vous avez un autre type de menu (vertical) et là je ne peux pas dire.
23 août 2022 à 18 h 53 min #2415993Il reste toujours à côté arrggh
23 août 2022 à 18 h 58 min #2415994Sans pouvoir vérifier sur le site ce sera difficile. Comment avez-vous obtenu votre menu vertical? Comme je le disais le code que vous avez trouvé marche bien avec le menu classique.
23 août 2022 à 19 h 18 min #2415996J’ai une licence ElementsKit qui me permet de paramétrer un menu vertical avec hamburger.
23 août 2022 à 20 h 33 min #2416001Mais dans ces conditions, les CSS qui fonctionnent avec le thème ne s’appliquent plus et malheureusement sans avoir accès au site il n’est pas possible de voir comment les modifier.
23 août 2022 à 21 h 21 min #2416006La réponse est compliquée sans avoir accès au site et à la console pour essayer. Mais peut être qu’un simple display block pourrait fonctionner ?
24 août 2022 à 9 h 08 min #2416068Pardon pour ma réponse de néophyte, mais c’est quoi un display block ?
-
Cette réponse a été modifiée le il y a 1 année et 1 mois par
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.