Décalage entre ma barre de menu et le menu déroulant
clemdell
Messages postés
7
Date d'inscription
Statut
Membre
Dernière intervention
-
Minorii Messages postés 12 Date d'inscription Statut Membre Dernière intervention -
Minorii Messages postés 12 Date d'inscription Statut Membre Dernière intervention -
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
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
A voir également:
- Décalage entre ma barre de menu et le menu déroulant
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
12 réponses
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.
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
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 ?
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 ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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;
}
/* 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 :)
/* 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 !
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 !
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.
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 ?
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 !
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 !