Un margin ou un padding qui traine

Support Mise en page
#1

Hello,
J’ai le probème sur 2 de mes wiki. J’ai la barre de menu qui est hyper haute. Je ne parviens pas même avec le css a reduire la hauteur.

et

A vous qui magnez l’inspecteur mieux que moi, pouvez-vous me dire ce qu’il me faut changer pour réduire la barre à une hauteur raisonnable ?

Pendant que j’y suis est-ce possible de la rendre transparente avec l’image du header en dessous ?

Merci beaucoup
Guillaume

#2

Pour les Merriens, essayes ca dans la PageCss:

#yw-header {
  display: none;
}

.page > :first-child:is(section) {
  margin-top: -2rem;
}

@media (width >= 1200px) {
  #yw-main {
    padding: 0 var(--padding-x) 1.5rem var(--padding-x);
  }
}

:root {
  --navbar-bg-color: #fffa;
}

#yw-topnav {
  padding: 0;
}

#yw-container {
  position: relative;
}

#yw-topnav.fixable {
  position: fixed;
  width: 100%;
}
#3

Trop bien merci @mrflosperso !
Ca marche pour les merriens j’essaye pour l’autre

#4

Par contre @mrflosperso sur les autres pages ca donne que le contenu passe sous la barre de menus.
Est ce qu’il y a moyen de dire ca uniquement pour la page principale ?

#5

A la place de mettre le code dans la PageCss, tu pourrais l’insérer dans ta PagePrincipale avec

""<style>
#yw-header {
  display: none;
}

.page > :first-child:is(section) {
  margin-top: -2rem;
}

@media (width >= 1200px) {
  #yw-main {
    padding: 0 var(--padding-x) 1.5rem var(--padding-x);
  }
}

:root {
  --navbar-bg-color: #fffa;
}

#yw-topnav {
  padding: 0;
}

#yw-container {
  position: relative;
}

#yw-topnav.fixable {
  position: fixed;
  width: 100%;
}
</style>""
1 « J'aime »
#6

oui ok merci !
J’avais essayé en mettant la classe .header1 qui est dans la classe e la première section. Et je ne sais pas pourquoi ca ne marche pas.

#7

le #yw-header c’est autre chose (la PageHeader), faut la cacher car elle rajoute des espaces blancs vides.

Puis pour remonter la première section (on aurait pu mettre ton .header1 en théorie) :

.page > :first-child:is(section) {
  margin-top: -2rem;
}