Décalage entre ma barre de menu et le menu déroulantFermé

Question

Bonjour, 

J'ai créé un menu déroulant sur mon site avec wordpress. Malheureusement, il y a un écart entre la barre de menu et la liste qui s'affiche en passant la souris sur le menu pour faire défiler le "sous-menu".
Je ne sais pas comment résoudre ce problème, je me tourne vers vous.
Merci et bonne journée

Minorii · Answer

Bonjour,

Est-ce que vous pourriez faire une capture d'écran ?

Ou bien donner le lien du site ?

Et aussi dire quelle thème est-ce que vous utilisez.

clemdell · Answer

Le site est là : eloi.eu
Je débute tout juste sur wordpress car je reprend la main sur le site, je ne connais pas le thème, où est ce que je peux le trouver ?
Merci de votre aide

clemdell · Answer

Après recherche rapide sur internet, je trouve comme thème Divi ce qui correspond bien à ce que je vois en backoffice de mon site.

Minorii · Answer

Effectivement c'est bien Divi que vous utilisez :)

Dans votre tableau de bord WordPress :

1. Survolez le menu "Apparences" et cliquez sur "Personnaliser"

2. Dans la fenêtre qui s'est ouverte, cliquez sur "CSS additionnel"

Est-ce qu'il y a des choses qui ont été ajoutées ici ?

Si oui, pouvez-vous le copier/coller ici ?

clemdell · Answer

Oui en effet il y a beaucoup de choses, je vous le mets (en entier) ici :

/* espace menu>slide */
#top-menu, #top-menu-nav {
    margin-bottom: -12px;
}
/* sans ombre header */
#main-header {
-webkit-box-shadow: 0 1px 0
    rgba(0,0,0,0);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0);
    box-shadow: 0 1px 0 rgba(0,0,0,0);
}
/* menu hover */
#top-menu a:hover {
    color: rgba(57,181,129,1) !important;
}

.et-fixed-header #top-menu a:hover {
    color: rgba(57,181,129,1) !important;
}
#top-menu a:focus{
outline:0;
}

/* burger */
.wp-pagenavi span.current {
    color:#39b581;
}

/*headings*/

h1 {
font-size: 72px;
}
h2 {
font-size: 48px;
}
h3 {
font-size: 36px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 12px;
}
/* Formulaire message succés */
.et-pb-contact-message {
    color: #fff;
}
/*width tab & mob*/
@media only screen and (max-width: 980px) {
	body.single #main-content > .container,
	body.page div.et_pb_row,
	body.page div.et_pb_row.et_pb_row_fullwidth {
	width: 100% !important; 
   }
}
@media only screen and (max-width: 980px) {
	#top-header > .container,
	#main-header > .container,
	#et_search_outer > .container > div.et_pb_row.et_pb_row_fullwidth {
	width: 90% !important; 
   }
}
/* espace h icone social */
.et_pb_main_blurb_image {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 15px;
    line-height: 0;
}

Minorii · Answer

Supprimez juste cette partie : 

/* espace menu>slide */
#top-menu, #top-menu-nav {
margin-bottom: -12px;
} 

Vérifier si le résultat vous convient, si c'est le cas cliquez sur "Publier" et c'est bon :)

clemdell · Answer

Merci beaucoup, les modifications sont assurément visibles.
Si vous pouvez retourner sur le site, j'ai modifié en supprimant comme conseillé, néanmoins, il reste une bordure entre le menu et la liste déroulé, est ce normal ? Ne peut on pas coller les 2 ?
En tout cas c'est déjà beaucoup mieux !

Minorii · Answer

Est-ce que vous avez publié les changements ?

Le site s'affiche comme avant pour moi

clemdell · Answer

Oui en effet ils sont publiés, j'ai supprimé les premières lignes comme indiquées.
De mon côté je le vois modifié, je ne peux malheureusement pas vous mettre une capture d'écran ici.

Minorii · Answer

Hmmm, je vais essayer de faire sans voir alors !

Toujours dans le menu "Personnaliser" de WordPress :

1. Allez sur "En-tête et navigation "

2. Cliquez sur "Barre de menu primaire"

3. Descendez jusqu'à voir "Couleur de la ligne du menu déroulant"

4. Cliquez pour sélectionner une couleur et choisissez du blanc (ou bien mettez comme Valeur Hex : #FFFFFF)


Est-ce que c'est mieux ?

clemdell · Answer

Merci pour tout,
Votre première réponse était la bonne, et ce 2e conseil m'a permis de supprimer les contours verts qui me faisaient penser à un décalage plus petit mais persistant après la première opération.
C'est très gentil de votre part, je sais pas si vous arrivez à voir les modifications mais de mon côté c'est tout bon !

Minorii · Answer

Oui c'est bon, je vois les modifications !

Content de voir que ça vous a aidé !

Décalage entre ma barre de menu et le menu déroulant

12 réponses

Discussions similaires

Newsletters