personalisation des menus déroulants avec Astra (Créer un compte)

Accueil › Forums › Thèmes › personalisation des menus déroulants avec Astra
  • WordPress :6.2
  • Statut : non résolu
5 sujets de 1 à 5 (sur un total de 5)
  • Auteur
    Messages
  • 13 septembre 2023 à 12 h 23 min #2460516
    celine-optimise
    Participant
    Initié WordPress
    18 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Thème utilisé : Astra
    • Extensions en place : elementor, Astra
    • Nom de l’hébergeur : O2switch
    • Adresse du site : http://www.kiddycreche.fr (mais page d’attente pour l’instant

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

    J’aimerai personnaliser les sous-menus de mon en-entête. Pour l’instant ils sont sur fond blanc et j’aimerais qu’ils soient sur fond transparent comme l’entête. Egalement j’ai un espace trop grand entre le menu et le sous-menu malgré l’option « décalage supérieur » à 0 dans « conteneur de sous-menu » et pas de marge externe dans le paramétrage du menu. j’aimerais aussi le centrer sous le texte du niveau concerné (là il est calé sur la gauche).

    Peut-on faire tout ça avec du css ou un plugin ? Je sais que dans Astra pro, il y a les mega-menus mais c’est déjà beaucoup plus que mon besoin..

    Merci de votre aide !

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    13 septembre 2023 à 17 h 59 min #2460544
    Rock4Temps
    Participant
    Maître WordPress
    1111 contributions

    Bonjour,

    A partir du menu Apparence/personnaliser/CSS Additionnel

    entrez le code suivant:

    .sub-menu{
    	background:transparent!important;
    	border-color:transparent!important;
    	box-shadow: none!important
    }

    .sub-menu .menu-link {
    	border-color:transparent!important;
    }

    pour reemonter le sous menu:

    .sub-menu{
        margin-top: -20px;
    }

    13 septembre 2023 à 18 h 43 min #2460549
    celine-optimise
    Participant
    Initié WordPress
    18 contributions

    Merci de ton aide !

    ça a bien marché pour le fond transparent mais pas pour remonter le sous-menu.

    Le code est bien à coller au même endroit, à la suite du précédent ?

    14 septembre 2023 à 8 h 24 min #2460557
    Rock4Temps
    Participant
    Maître WordPress
    1111 contributions
    .sub-menu{
        margin-top: -20px!important;
    }

    14 septembre 2023 à 9 h 23 min #2460558
    celine-optimise
    Participant
    Initié WordPress
    18 contributions

    Merci @Rock4temps ça fonctionne maintenant.

    Il faut vraiment que j’apprenne le CSS !

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