Как изменить высоту верхней навигационной панели и баннера

Обычно так сделать нельзя, но с помощью CSS это возможно, хотя всё зависит от того, какую высоту вы хотите получить. Могу я спросить, в чём причина этого? Спасибо.

Верхняя навигационная панель кажется слишком высокой по сравнению с логотипом и аватаром.

Высота баннера также кажется избыточной относительно высоты текста.

Можете, пожалуйста, предоставить CSS-код для исправления этих элементов?

Привет! Какой баннер вы имеете в виду? Спасибо.

Я предполагаю, что «баннер» — это верхняя панель заголовка:
image

…которую вы можете изменить следующим образом (выберите свою высоту и единицы измерения):

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

А «верхняя панель навигации», возможно, — это меню темы:
image

…которое можно изменить так:

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

Глобальное уведомление

Если вы откроете глобальный баннер с уведомлениями через инструменты разработчика в браузере, вы увидите, что у элемента div есть id и несколько классов:

image

Обычно отступы, влияющие на размер баннера, задаются через класс .alert:

Однако вы можете переопределить их только для Глобального уведомления, например так:

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

image