Comment ajuster la hauteur de la barre de navigation supérieure et de la bannière

Vous ne pouvez pas faire cela normalement, mais vous pouvez le faire avec CSS, mais cela dépend vraiment de la hauteur que vous souhaitez. Puis-je demander quelle est la raison de cela ? Merci.

La barre de navigation supérieure semble trop haute par rapport au logo et à l’avatar.

La hauteur de la bannière semble également un peu trop élevée par rapport à la hauteur du texte.

Pourriez-vous me fournir le code CSS pour modifier cela, s’il vous plaît ?

Bonjour, à quelle bannière faites-vous référence ? Merci.

1 « J'aime »

Je suppose que « bannière » signifie la barre d’en-tête :
image

…que vous devriez pouvoir modifier comme ceci (choisissez votre propre hauteur et unités) :

header.d-header {
  height: 50px;
}

Et peut-être que « barre de navigation supérieure » est le menu des sujets :
image

…que vous pouvez modifier comme ceci :

section.navigation-container {
  height: 40px;
}

Avis mondial

Si vous inspectez la bannière de notification globale avec les outils de développement du navigateur, vous pouvez voir que la div a un id et quelques classes :

image

Elle reçoit normalement le padding, qui affecte la taille de la bannière, de la classe .alert :

.alert {
padding: .5em 2.5em .5em 1em;
}

Mais vous pouvez outrepasser cela juste pour la Notification Globale, comme ceci :

#global-notice-alert-global-notice {
  padding: .2em .5em .2em .5em;
}

image

1 « J'aime »

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.