Brand Header

[Discourse]

	Summary	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.
	Preview	Preview on Discourse Theme Creator
	Repository Link	https://github.com/discourse/discourse-brand-header
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

Install this theme component

As this is an official theme component maintained by the Discourse team, Support, Bug, UX, and Feature requests can be made in the respective categories here on Meta, and tagged with the appropriate theme component tag. Click on a link below to get one started.

 Support  Bug  UX  Feature

Features

Desktop preview:

Mobile preview:

Settings

Name	Description
brand name
website url
mobile logo url
links	Text links to be displayed in the header
icons	Icon links to be displayed in the header
custom font awesome icons	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:

1. The svg icon subset Site Setting
2. The custom font awesome icons setting in the component
3. 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.

Last edited by @SaraDev 2025-01-02T20:46:25Z

Check document

Perform check on document: