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

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.

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

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.

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 ?

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;
}

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 :)

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 !

Est-ce que vous avez publié les changements ?

Le site s'affiche comme avant pour moi

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.

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 ?

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 !

Oui c'est bon, je vois les modifications !

Content de voir que ça vous a aidé !