# Big Header - Little Header

**URL:** https://meta.discourse.org/t/big-header-little-header/86811
**Category:** Theme component
**Created:** [05.Май.2018 04:12:49 UTC](https://meta.discourse.org/t/big-header-little-header/86811 "2018-05-05T04:12:49Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [09.Ноябрь.2020 22:07:29 UTC](https://meta.discourse.org/t/big-header-little-header/86811/22 "2020-11-09T22:07:29Z")

</div>

Всем, кто использует этот компонент, на заметку: я выпустил обновление, обеспечивающее совместимость с изменениями в основном коде, внесёнными в заголовок Discourse. Сообщите, если обнаружите какие-либо остающиеся проблемы. В свободное время я планирую провести более масштабную рефакторинг, но пока что компонент, надеюсь, снова работает исправно.

cc @Alec (так как вы [сообщили об этой проблеме](https://meta.discourse.org/t/impact-of-component-positioning-with-2-5-0-beta6/169542))

---

<div class="post-metadata">

### Author: ![ajmuir](https://avatars.discourse-cdn.com/v4/letter/a/7feea3/32.png) [@ajmuir](https://meta.discourse.org/u/ajmuir)
#### Post date: [02.Февраль.2021 12:53:02 UTC](https://meta.discourse.org/t/big-header-little-header/86811/23 "2021-02-02T12:53:02Z")

</div>

> Привет! Я заметил, что это отлично работает на настольных компьютерах и планшетах, но на мобильных устройствах оно перекрывает кнопки поиска, меню-гамбургера и профиля пользователя (а также кнопку «Войти», если вы не авторизованы).\> \> Кнопки отображаются, но неактивны, так как гиперссылка логотипа имеет приоритет. **РЕДАКТИРОВАНИЕ** \>\> Исправлено с помощью следующего CSS. a#logo-link {  
> margin-top: 40px;  
> }

---

<div class="post-metadata">

### Author: ![Detherion](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/detherion/32/220908_2.png) [@Detherion](https://meta.discourse.org/u/Detherion)
#### Post date: [21.Май.2021 12:41:54 UTC](https://meta.discourse.org/t/big-header-little-header/86811/24 "2021-05-21T12:41:54Z")

</div>

Привет! Мне очень нравится этот дизайн, но я бы хотел также изменить размер маленького логотипа! В теме/компоненте я могу изменить только размер большого. Какой самый простой способ изменить размер и стандартного логотипа?

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [21.Май.2021 23:54:47 UTC](https://meta.discourse.org/t/big-header-little-header/86811/25 "2021-05-21T23:54:47Z")

</div>

Если я правильно вас понял, вы можете изменить размер обычного логотипа, добавив следующее правило CSS в новый локальный компонент (например, «Кастомизация большого заголовка — маленького заголовка»), который вы создадите на своем сайте.

```scss
.scrolled-down .d-header #site-logo {
   height: 1.57em;
}

```

---

<div class="post-metadata">

### Author: ![BCHK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bchk/32/3268_2.png) [@BCHK](https://meta.discourse.org/u/BCHK)
#### Post date: [26.Октябрь.2021 02:33:09 UTC](https://meta.discourse.org/t/big-header-little-header/86811/26 "2021-10-26T02:33:09Z")

</div>

Значит, на большом и маленьком заголовках нельзя использовать разные логотипы для мобильных устройств и настольных компьютеров?

---

<div class="post-metadata">

### Author: ![ncaming215](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ncaming215/32/205701_2.png) [@ncaming215](https://meta.discourse.org/u/ncaming215)
#### Post date: [28.Октябрь.2021 01:52:54 UTC](https://meta.discourse.org/t/big-header-little-header/86811/27 "2021-10-28T01:52:54Z")

</div>

Есть ли способ установить альтернативный логотип для тёмной темы?

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [28.Октябрь.2021 02:36:36 UTC](https://meta.discourse.org/t/big-header-little-header/86811/28 "2021-10-28T02:36:36Z")

</div>

> [@ncaming215](#):
>
> Альтернативный логотип для тёмной темы

> [@BCHK](#):
>
> Разные логотипы в шапке для мобильных устройств и настольных компьютеров

Это отличные предложения, и их реализация не должна вызвать больших сложностей. В данный момент у меня много дел, но я постараюсь заняться этим в ближайшее время.

---

<div class="post-metadata">

### Author: ![BCHK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bchk/32/3268_2.png) [@BCHK](https://meta.discourse.org/u/BCHK)
#### Post date: [28.Октябрь.2021 16:37:30 UTC](https://meta.discourse.org/t/big-header-little-header/86811/29 "2021-10-28T16:37:30Z")

</div>

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

---

<div class="post-metadata">

### Author: ![BCHK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bchk/32/3268_2.png) [@BCHK](https://meta.discourse.org/u/BCHK)
#### Post date: [14.Февраль.2022 22:38:41 UTC](https://meta.discourse.org/t/big-header-little-header/86811/30 "2022-02-14T22:38:41Z")

</div>

> [@tshenry](#):
>
> Это хорошие предложения, и их поддержка не должна составить большого труда. В данный момент у меня много дел, но я постараюсь заняться этим в ближайшее время.

Просто хотел уточнить… Мне всё ещё очень хочется реализовать это на своём сайте, но нужно обеспечить поддержку мобильных устройств, так как сегодня половина трафика приходится на них.

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [14.Февраль.2022 22:44:11 UTC](https://meta.discourse.org/t/big-header-little-header/86811/31 "2022-02-14T22:44:11Z")

</div>

Спасибо за напоминание. Я только что завершил работу над компонентом Category Previews. Следующий шаг — компонент Versatile Banner, после чего я смогу взяться за эту задачу.

> [@tshenry](#):
>
> У меня сейчас много дел, но я постараюсь скоро углубиться в это.

К сожалению, та самая тарелка, о которой я говорил, всё ещё полна 😅

---

<div class="post-metadata">

### Author: ![BCHK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bchk/32/3268_2.png) [@BCHK](https://meta.discourse.org/u/BCHK)
#### Post date: [18.Март.2022 03:43:25 UTC](https://meta.discourse.org/t/big-header-little-header/86811/32 "2022-03-18T03:43:25Z")

</div>

Очень жду, когда у тебя станет меньше дел 😀

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [18.Март.2022 03:48:54 UTC](https://meta.discourse.org/t/big-header-little-header/86811/33 "2022-03-18T03:48:54Z")

</div>

Если не произойдет каких-либо чрезвычайных обстоятельств, я обязательно **найду** время на следующей неделе. Вы были очень терпеливы!

* * *

**Обновление!** У меня уже работают логотипы для мобильных устройств и тёмной темы в локальной среде. Я просто хочу убедиться, что всё тщательно протестировано. Существует множество различных сценариев с разными вариантами резервного отображения, поэтому я хочу сделать всё правильно. Должно быть готово очень скоро! (Эта неделя пролетела слишком быстро, надеюсь, мне удастся завершить всё на следующей неделе)

---

<div class="post-metadata">

### Author: ![BCHK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bchk/32/3268_2.png) [@BCHK](https://meta.discourse.org/u/BCHK)
#### Post date: [03.Апрель.2022 23:34:55 UTC](https://meta.discourse.org/t/big-header-little-header/86811/34 "2022-04-03T23:34:55Z")

</div>

Отлично, большое спасибо…

Хорошо, мне обновить и попробовать снова прямо сейчас?

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [05.Апрель.2022 03:56:54 UTC](https://meta.discourse.org/t/big-header-little-header/86811/35 "2022-04-05T03:56:54Z")

</div>

> [@BCHK](#):
>
> Мне стоит обновить и попробовать снова прямо сейчас?

Не совсем. Я ещё не закоммитил изменения. Финальное тестирование должно быть проведено завтра!

* * *

Хорошо, @BCHK и @ncaming215, в конечном итоге с этим компонентом предстоит сделать ещё многое, но мне удалось добавить поддержку тёмной/мобильной версии логотипа с помощью следующих коммитов:

> **[Commits · tshenry/discourse-big-header-little-header](https://github.com/tshenry/discourse-big-header-little-header/commits?author=tshenry&since=2022-04-05&until=2022-04-06)**
>
> Contribute to tshenry/discourse-big-header-little-header development by creating an account on GitHub.

Пожалуйста, обновите компонент и дайте знать, если заметите какие-либо проблемы.

---

<div class="post-metadata">

### Author: ![DonH](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/donh/32/274040_2.png) [@DonH](https://meta.discourse.org/u/DonH)
#### Post date: [03.Ноябрь.2022 04:28:05 UTC](https://meta.discourse.org/t/big-header-little-header/86811/36 "2022-11-03T04:28:05Z")

</div>

На мобильных устройствах работает нормально, но, похоже, несовместимо с новой боковой панелью на рабочем столе в теме по умолчанию.

 ![bigsmallbug](https://global.discourse-cdn.com/meta/original/4X/b/7/a/b7a2e1af52a02341c595adc538b7ce2d276dde30.png)

Дайте знать, если потребуется дополнительная информация, но, насколько я понимаю, в моей установке нет ничего особенного, кроме боковой панели.

---

<div class="post-metadata">

### Author: ![profcaju](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/profcaju/32/301565_2.png) [@profcaju](https://meta.discourse.org/u/profcaju)
#### Post date: [19.Февраль.2023 00:38:11 UTC](https://meta.discourse.org/t/big-header-little-header/86811/37 "2023-02-19T00:38:11Z")

</div>

По-прежнему возникают проблемы с боковой панелью, как указал DonH в сообщении выше.

Было бы очень здорово иметь этот компонент. Мой логотип становится слишком маленьким в заголовке по умолчанию.

С уважением,

---

<div class="post-metadata">

### Author: ![selfaware](https://avatars.discourse-cdn.com/v4/letter/s/a587f6/32.png) [@selfaware](https://meta.discourse.org/u/selfaware)
#### Post date: [26.Январь.2024 15:15:43 UTC](https://meta.discourse.org/t/big-header-little-header/86811/38 "2024-01-26T15:15:43Z")

</div>

Привет, это всё ещё работает?  
Когда я активирую компонент, мой логотип в шапке полностью исчезает, хотя я загрузил изображения для:

mobile logo url  
logo url dark  
mobile logo url

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [26.Январь.2024 17:10:56 UTC](https://meta.discourse.org/t/big-header-little-header/86811/39 "2024-01-26T17:10:56Z")

</div>

Сейчас его можно считать нерабочим. Компонент не обновлялся два года, и в ядре произошло множество изменений. На первый взгляд, как минимум потребуются некоторые правки в CSS.

---

<div class="post-metadata">

### Author: ![selfaware](https://avatars.discourse-cdn.com/v4/letter/s/a587f6/32.png) [@selfaware](https://meta.discourse.org/u/selfaware)
#### Post date: [26.Январь.2024 20:44:11 UTC](https://meta.discourse.org/t/big-header-little-header/86811/40 "2024-01-26T20:44:11Z")

</div>

Чья это ответственность — помечать компоненты тем, плагины и т.д. как неработающие (автор)?

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [26.Январь.2024 20:46:30 UTC](https://meta.discourse.org/t/big-header-little-header/86811/41 "2024-01-26T20:46:30Z")

</div>

Пока я пометил это как #broken. PR-ы приветствуются для исправления! К сожалению, у меня сейчас нет времени на это.

[Previous page](https://meta.discourse.org/t/big-header-little-header/86811.md?page=1)

[Next page](https://meta.discourse.org/t/big-header-little-header/86811.md?page=3)
