ヘッダーナビゲーションバーとバナーの高さを調整する方法

[祁同伟]

[NateDhaliwal]

通常ではできませんが、CSSを使えば可能です。ただし、どのくらいの高さにしたいかによります。理由を伺ってもよろしいでしょうか？よろしくお願いします。

[祁同伟]

ヘッダーナビゲーションバーがロゴやアバターに対して高すぎます。

バナーの高さもテキストの高さに対して高すぎます。

可能であれば、これらのCSSコードを修正してもらえますか？

[NateDhaliwal]

こんにちは、どのバナーについてお話しされていますか？よろしくお願いします。

[ToddZ]

「バナー」とは、ヘッダーバーのことだと思います。

…これは、次のように変更できるはずです（高さと単位は任意に選択してください）。

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

そして、「トップナビゲーションバー」とは、トピックメニューのことかもしれません。

…これは、次のように変更できます。

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

[祁同伟]

グローバル通知

[ToddZ]

ブラウザの開発者ツールでグローバル通知バナーを検査すると、div に ID といくつかのクラスがあることがわかります。

通常、バナーサイズに影響するパディングは .alert クラスから取得されます。

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

しかし、グローバル通知のためだけに、次のようにオーバーライドできます。

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