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

Signaler
Messages postés
7
Date d'inscription
jeudi 10 juin 2021
Statut
Membre
Dernière intervention
11 juin 2021
-
Messages postés
12
Date d'inscription
jeudi 10 juin 2021
Statut
Membre
Dernière intervention
16 juin 2021
-
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

12 réponses

Messages postés
12
Date d'inscription
jeudi 10 juin 2021
Statut
Membre
Dernière intervention
16 juin 2021
2
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.
Messages postés
7
Date d'inscription
jeudi 10 juin 2021
Statut
Membre
Dernière intervention
11 juin 2021

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
Messages postés
7
Date d'inscription
jeudi 10 juin 2021
Statut
Membre
Dernière intervention
11 juin 2021

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.
Messages postés
12
Date d'inscription
jeudi 10 juin 2021
Statut
Membre
Dernière intervention
16 juin 2021
2
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 ?
Messages postés
7
Date d'inscription
jeudi 10 juin 2021
Statut
Membre
Dernière intervention
11 juin 2021

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;
}
Messages postés
12
Date d'inscription
jeudi 10 juin 2021
Statut
Membre
Dernière intervention
16 juin 2021
2
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 :)
Messages postés
7
Date d'inscription
jeudi 10 juin 2021
Statut
Membre
Dernière intervention
11 juin 2021

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 !
Messages postés
12
Date d'inscription
jeudi 10 juin 2021
Statut
Membre
Dernière intervention
16 juin 2021
2
Est-ce que vous avez publié les changements ?

Le site s'affiche comme avant pour moi
Messages postés
7
Date d'inscription
jeudi 10 juin 2021
Statut
Membre
Dernière intervention
11 juin 2021

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.
Messages postés
12
Date d'inscription
jeudi 10 juin 2021
Statut
Membre
Dernière intervention
16 juin 2021
2
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 ?
Messages postés
7
Date d'inscription
jeudi 10 juin 2021
Statut
Membre
Dernière intervention
11 juin 2021

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 !
Messages postés
12
Date d'inscription
jeudi 10 juin 2021
Statut
Membre
Dernière intervention
16 juin 2021
2
Oui c'est bon, je vois les modifications !

Content de voir que ça vous a aidé !