Привет, участники сообщества!
Я пытаюсь добавить цветной баннер под заголовок, но пока безрезультатно. Я пробовал различные коды CSS и HTML, даже создал собственный компонент, но баннер продолжает появляться в верхней части заголовка. Моя цель — добиться чего-то похожего на это:
Если у кого-то есть опыт в этом или есть предложения, я был бы очень признателен за помощь.
Спасибо!
Привет снова, @Joe_Nguyen 
Вот как это можно сделать с помощью плагина-коннектора below-site-header.
Шаг 1: В разделе common-head темы или компонента темы вставьте следующее:
<script type="text/x-handlebars" data-template-name="connectors/below-site-header/header-color-bar">
<div id="color-bar">
</div>
</script>
Шаг 2: В разделе common-css той же темы или компонента темы вставьте следующее:
#color-bar {
background-color: #13d83d;
height: 30px;
}
Примечание: вы можете изменить высоту и свойство цвета на любые желаемые значения.
Это должно сработать: 
Спасибо, @Lilly! 
Если вы хотите посмотреть, как это настроено как компонент темы в репозитории, а не в вашем локальном экземпляре, вы можете скопировать мой репозиторий здесь:
Обратите внимание, что я, вероятно, удалю репозиторий через несколько дней.
