Hey guys
When I add an image, icon or emoji to a category, the category category-heading is sticky upon scrolling down and takes a lot of space.
Also affected is the category header theme component as the see my post below for reference.
tested on 3.6.0.beta2
Yes, I agree that’s an annoying side-effect.
I don’t have a solution for it unfortunately. The category heading is in the same sticky element as the navigation, and I can’t move the sticky property a level down, because sticky doesn’t work within a flexed element…
I’d advise you to hide or minimise the logo with css on mobile.
The sticky navigation also bothers me. It takes up too much space.
How can I turn that off?
There is no setting for it. You’ll have to overrule the CSS.
The Horizon Theme has a neat feature, where the Category description remains visible while the Topic List is scrolled:
While this is lovely on desktop, when space gets tight (e.g. on mobile) this makes the Topic list quite difficult to read (especially if the text is quite extensive)
This is an unintended side-effect of wanting to keep the navigation visible actually. I’m not sure it can be fixed (both elements may be in the same container or something? 
) and if I have to choose, I’ll stick with my original intend.
If someone feels like taking a look, be my guest though.
Я решил это с помощью CSS.
/* Отключить липкое управление списком Horizon на мобильных устройствах */
@media (max-width: 767px) {
.list-controls {
position: static !important;
top: auto !important;
transform: none !important;
margin-top: 0 !important;
}
}
Разве это не просто «разлипает» и описание, и навигацию на мобильных устройствах?
Нам действительно нужно, чтобы описание исчезало, а навигация оставалась зафиксированной.
Навигация тоже занимала слишком много места.
В данный момент мы рассматриваем возможность использования прокручиваемых вкладок.
Я бы хотел сделать их закрепленными, но пока не смог этого реализовать.
Верно, к сожалению, нет простого способа сделать это с помощью CSS, не изменив при этом структуру макета.
Тема Horizon в настоящее время делает весь контейнер .list-controls зафиксированным, включая заголовок категории. Мы не можем сделать дочерний элемент .navigation-container зафиксированным отдельно, поскольку зафиксированные элементы «прилипают» в пределах своего родительского контекста прокрутки.
Мы могли бы перестроить эту область, но это одно из тех изменений, которое затронет все темы, использующие существующую структуру для стилизации… поэтому высока вероятность регрессии для других тем и пользовательских настроек, даже если у них нет такой зафиксированной навигации.
Итак, какой путь движения вперёд для этого?
Мне интересно, не стоит ли просто скрыть описание категории на мобильных устройствах для Horizon. В любом случае это дублирование информации в очень ограниченном пространстве.
Я добился этого с помощью простого CSS во вкладке Mobile в TC:
.category-heading.--has-logo {
display: none;
}
Возможно, это стоит включить в Horizon?
Вы сами указали путь: используйте пользовательский CSS, чтобы настроить всё под свои предпочтения 
Да, но в данном случае это более широкая проблема темы, а не просто моё личное предпочтение. Мне трудно представить человека, которому действительно понравится большое липкое описание категории на мобильных устройствах — я не думаю, что это когда-либо было вашей целью при разработке дизайна.
Действительно, невозможно предугадать, что именно хотят люди в своём сообществе. Я решил оставить всё как есть: если кто-то захочет, это легко можно скрыть, и такой подход менее запутан, чем вопрос «почему баннер категории не отображается на мобильных устройствах».
А как насчёт тарифов на хостинг (например, бесплатного тарифа), где администраторы не могут добавлять пользовательские CSS-стили?
Если некоторые люди действительно этого хотят (что я сомневаюсь), возможно, можно было бы добавить настройку темы, управляющую этим?