Astra – Affichage description menu CSS (Créer un compte)

  • WordPress :5.8
  • Statut : non résolu
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #2415963
    hector29200
    Participant
    Initié WordPress
    19 contributions

    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 !!

    #2415971
    mathieu42
    Participant
    Maître WordPress
    2013 contributions

    montrez nous une page où vous utilisez cela.

    #2415973
    hector29200
    Participant
    Initié WordPress
    19 contributions

    Le 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 11 mois par hector29200.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2415987
    ferman
    Participant
    Maître WordPress
    7060 contributions

    Bonjour,

    Sans toucher aux CSS, essayez en modifiant dans votre snippet comme ci-dessous.

    '<span class="menu-item-description"></br>'

    #2415992
    ferman
    Participant
    Maître WordPress
    7060 contributions

    En 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.

    #2415993
    hector29200
    Participant
    Initié WordPress
    19 contributions

    Il reste toujours à côté arrggh

    #2415994
    ferman
    Participant
    Maître WordPress
    7060 contributions

    Sans 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.

    #2415996
    hector29200
    Participant
    Initié WordPress
    19 contributions

    J’ai une licence ElementsKit qui me permet de paramétrer un menu vertical avec hamburger.

    #2416001
    ferman
    Participant
    Maître WordPress
    7060 contributions

    Mais 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.

    #2416006
    Domov
    Participant
    Padawan WordPress
    86 contributions

    La 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 ?

    #2416068
    hector29200
    Participant
    Initié WordPress
    19 contributions

    Pardon pour ma réponse de néophyte, mais c’est quoi un display block ?

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