Brand Header adds an extra top header for branding with your logo, navigation links, and social icons for both mobile and desktop views. Brand logo can be an image or text.
List of FontAwesome 6 icons used in this theme component
show bar on mobile
plugin outlet
Using Font Awesome 6 Icons
To allow the Font Awesome 6 Icons to correctly display in this theme component, you will need to add them to 3 places in Discourse:
The svg icon subset Site Setting
The custom font awesome icons setting in the component
The icons setting in the component
Additionally, for some Font Awesome 6 Icons, you will need to specify a fa or fab prefix with the icon name (Ex: “fab-bluesky”), due to some icons being part of a specific subset of icons. See We’re upgrading our icons to Font Awesome 6! for details about this usage.
Once you’ve added those icons in all three places, you should see them correctly displayed in the brand header theme component.
Hosted by us? Theme components are available to use on our Standard, Business, and Enterprise plans.
One small issue. Currently, if a header link is internal to a site (e.g. to a particular category), if it is tapped in the responsive menu, the responsive menu will stay open. The expected behaviour is that the menu would close.
I am also seeing this issue for internal links, where the header does not disappear on mobile. Instead, the header slides right and leaves the main page opaque (I believe an overlay is being set), even if the header is folded back up.
In the mobile view, when we click on the hamburger menu, if then we click outside of the menu, the hamburger menu would be expanded even more, instead of closing. and also it has some other glitches. for example when hamburger menu is open and we click on a topic link.
Мне нравится это изменение, но на нескольких сайтах, которые я использую лично, и на размещённом сайте, где я являюсь модератором (форумы NaNoWriMo), мы столкнулись с некоторыми проблемами. В отличие от обычного гамбургер-меню, если попытаться смахнуть его, оно возвращается обратно на экран.
Лично я наблюдал это на полностью обновлённом Moto (g7) Power с Android 9 и на полностью обновлённом iPhone 8.
Также поступило как минимум одно сообщение о том, что меню открывается при нажатиях рядом с иконкой, а не только по ней, но мне лично не удалось воспроизвести такое поведение.
У меня возник вопрос о том, почему меню не работает на мобильных устройствах. Пользователь нажал на гамбургер-меню слева, затем на ссылку в меню, но его восприятие было таким, что ничего не сработало, поскольку меню всё ещё занимало большую часть экрана.
Мне пришлось объяснить, что для закрытия меню нужно коснуться правой части экрана, сбоку от самого меню.
Возможно ли сделать это более интуитивно понятным, например:
Автоматически закрывать меню при нажатии на ссылку в меню на мобильных устройствах?
Добавить кнопку «Закрыть меню» на мобильных устройствах?
Я тоже хотел сделать похожий запрос. Часто пытаюсь закрыть меню на мобильном устройстве, проведя по нему влево. Казалось, что это работает, но затем оно снова возвращается на место. В других меню Discourse свайп в сторону действительно закрывает их.
Исходя из двух предыдущих постов, проблема существует уже как минимум 5 месяцев, и никто не отреагировал. Я предполагаю, что этот компонент темы больше не поддерживается, если кто-то не скажет обратное.
