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

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

image498×180 6.83 KB

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

image243×118 3.91 KB

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

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

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