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

Pascal DEGUT -  
Pascal29992 Messages postés 98 Date d'inscription   Statut Membre Dernière intervention   -
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

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,
un
margin-top:-15px
sur le li semble fonctionner

Cordialement, 
Jordane                                                                 
0
Pascal DEGUT
 
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 :)
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Pas essayé sur ton code .. mais un truc du genre
li:has(>a.main_mega_heading){
  margin-top:-15px;
}
0
Pascal29992 Messages postés 98 Date d'inscription   Statut Membre Dernière intervention   4
 
Mmmmh non décidément ça ne prend pas :/
0
Pascal29992 Messages postés 98 Date d'inscription   Statut Membre Dernière intervention   4
 
J'ai essayé

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