Relever élément : margin-top -50px ne fonctionne pas =>que faire [Fermé]

Signaler
-
Pascal29992
Messages postés
41
Date d'inscription
lundi 6 novembre 2017
Statut
Membre
Dernière intervention
26 mars 2020
-
Bonjour,

Sur ma boutique https://www.tresor-ethnique.com/ j'ai ce bouton CATALOGUE dans le header

J'aimerais l'aligner verticalement au centre du header, donc le remonter

J'ai essayé :
a.main_mega_heading {
margin-top: -50px !important;
}

margin-top: -50px !important; fonctionnait bien avec l'ancien menu (fonction différente)
Mais là, pas moyen il reste figé

Je me suis amusé à jouer sur margin-bottom, padding, d'autres fonctions, bref rien à faire !

Des idées quand on est dans ce cas-ci ?

Merci :) !


1 réponse

Messages postés
27976
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
30 mars 2020
2 219
Bonjour,
un
margin-top:-15px
sur le li semble fonctionner

Cordialement, 
Jordane                                                                 

Bonjour jordane, sur quel li ?

Parce que ceux que j'ai essayé influencent tous les éléments de la liste dans le menu déroulant en dessous.
J'ai clairement pas réussi à trouver la fonction qui isole cet élément et qui permet de le décaler

Merci :)
jordane45
Messages postés
27976
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
30 mars 2020
2 219
Pas essayé sur ton code .. mais un truc du genre
li:has(>a.main_mega_heading){
  margin-top:-15px;
}
Pascal29992
Messages postés
41
Date d'inscription
lundi 6 novembre 2017
Statut
Membre
Dernière intervention
26 mars 2020

Mmmmh non décidément ça ne prend pas :/
Pascal29992
Messages postés
41
Date d'inscription
lundi 6 novembre 2017
Statut
Membre
Dernière intervention
26 mars 2020

J'ai essayé

#regularMenu ul:not(.dropDown) li a:has(>a.main_mega_heading){
  margin-top:-15px;
}