Как правильно увеличить высоту заголовка?

Поддержка
1

Здравствуйте,
Я хотел бы увеличить высоту шапки:
image
Чтобы разместить логотип большего размера (на мобильных устройствах шапка сохранит высоту по умолчанию).

Я пробовал несколько вариантов, но не смог этого сделать, так как увеличение высоты (и верхнего отступа контента под ней, чтобы шапка не перекрывала его из-за увеличенной высоты) приводило к сбоям в работе функции «липкой» шапки. Это мешало прокрутке или заставляло контент «подпрыгивать».

Есть ли правильный способ увеличить высоту шапки, не нарушая ничего?

2

Попробовали ли вы изменить

#main-outlet {
    padding-top: 5.8572em;
}

Например

.d-header {
    height: 8em;
}
#main-outlet {
    padding-top: 9.8572em;
}

844×427 13.8 KB

836×377 16 KB

3

Да, я это сделал. Хочу добавить, что мне нужно, чтобы заголовок был примерно в два раза выше исходной высоты, но при этом сохранял стандартную высоту в зафиксированном состоянии (это может быть основной проблемой).

4

Что ж, мне всё-таки удалось это сделать.
Не совсем понимаю, почему возникли такие проблемы с блокировкой… Всё ещё есть небольшая подёргивание, но всего в несколько пикселей, так что его не заметишь, если не скроллить экстремально медленно.
Также у меня есть пользовательский контент поверх заголовка, и это могло повлиять на возникшую проблему.